Flashの再来？　Figmaの新機能「Figma Motion」に懐かしいとの声　アニメーション生成するAI機能も（1/2 ページ）

公開 2026年06月25日 21時09分

著者

梅林日奈子

[ITmedia]

印刷する Googleで優先するソースとして追加

　米Figmaが6月24日（現地時間）にβ版を発表したアニメーション制作機能「Figma Motion」。タイムライン上でキーフレームを打てることから、米Adobeの「Flash」をほうふつさせるとSNSで話題となっている。

Figma Motionの画面イメージ（引用：ニュースリリース）

　Figma Motionは、デザインツール「Figma Design」に「Design」「Draw」「Dev」と並ぶ新モードとして加わった機能。任意のフレームを「Motion」モードに切り替えると、デザインの横にアニメーション用のタイムラインが現れる。

　Figmaによると、レイヤーをドラッグしてタイミングを調整し、位置・スケール・回転・不透明度を個別にキーフレーム化できる。fade（フェード）やmove（移動）などのプリセットも用意する。また、コンポーネント（画面デザインを構成する視覚的な部品）に一度モーションを設定すれば、それを使う全ての画面に同じ動きを反映できる。

　「Dev」モードに切り替えれば、タイミングの値やイージングカーブ（オブジェクトの動きの緩急）を確認でき、CSS・JSON・React形式でコードをコピーできる。書き出しはMP4・WebM・アニメーションSVG・GIFに対応する。

　AIアシスタント「Figmaエージェント」にプロンプト（指示文）を出してアニメーションのたたき台を生成する機能もある。

　この発表に対し、X上ではFlashを懐かしむ声が相次いだ。Flashとは、かつてAdobeが提供していたアニメーションやゲーム制作用のツールで、Webサイトの動的な演出などに広く使われたが、HTML5などの普及を受けて2020年末に役目を終えた。

　一方で、実際に触れた一部のユーザーからは「似て非なるもの」との声もみられた。

　Figma Motionは無料プランでも基本的なアニメーション作成が可能だが、アニメーション付きコンポーネントの公開やFigmaエージェントによる生成、高解像度の動画書き出しは有料プランの「フルシート」が必要となる。

次ページへ「Figma Motion」を試したユーザー達の声