「Figma」にキャンバス内のタイムラインでUIの動きを制御できる「Figma Motion」搭載(窓の杜)

デザインの世界で今、大きな注目を集めているのが「Figma」というツールです。これは、インターネット上で使える、いわば「お絵描きソフト」のようなもの。ウェブサイトやスマートフォンのアプリを作る際の見た目（デザイン）を考えたり、実際にどう動くか（インターフェース）を形にしたりするのに使われます。今回、このFigmaに「Figma Motion」という新しい機能が加わりました。これは、デザインをしている画面の中で、直接、画面の動き（アニメーション）を作れるという、なんとも便利な機能なのです。

これまでのFigmaでは、デザインした画面がどう動くかを見せるには、少し手間がかかる場合がありました。専門的な別のツールを使ったり、複雑な設定をしたりする必要があったのです。しかし、Figma Motionがあれば、デザインしているまさにその場所で、まるで動画編集のように、UIの動きを細かく設定できるようになります。例えば、ボタンを押したら画面がスムーズに切り替わったり、情報が表示されるときにパラパラと現れたり、といった動きを、Figmaの中で完結できるということです。

この新機能が登場したことで、デザインの現場ではどのような変化が起きるのでしょうか。まず、デザインの意図がより正確に伝わりやすくなります。言葉や静止画だけでは伝えきれない「動き」を、デザイナーが直接見せられるようになるからです。これにより、開発者とのコミュニケーションもスムーズになり、デザインの質も向上する可能性があります。また、これまでアニメーション制作に専門的なスキルが必要だった人でも、Figma Motionを使えば、より手軽に動きのあるデザインに挑戦できるようになるかもしれません。これは、デザインの可能性を広げる、大きな一歩と言えるでしょう。