Flashの再来? Figmaの新機能「Figma Motion」に懐かしいとの声 アニメーション生成するAI機能も

元記事: https://www.itmedia.co.jp/news/articles/2606/25/news132.html

公開日時: 2026年06月25日 21:05

要約

米Figmaが、デザインツール「Figma Design」にアニメーション制作機能「Figma Motion」のβ版を発表しました。この新モードでは、タイムライン上でキーフレームを打てる仕組みを持ち、位置・スケール・回転・不透明度などを個別に調整できます。また、コンポーネントへのモーション設定は全画面に反映でき、「Dev」モードからはCSSやReact形式でのコードコピーが可能です。AIアシスタント「Figmaエージェント」によるアニメーションのたたき台生成機能も搭載され、発表後X上ではAdobe Flashを彷彿とさせるとして注目を集めました。

主要ポイント

  • Figmaは、デザインツールにアニメーション制作機能「Figma Motion」のβ版を発表した。(2026年6月24日現地時間)
  • Figma Motionでは、タイムライン上でキーフレームを打て、位置・スケール・回転・不透明度などを調整可能。
  • デザインパーツ(コンポーネント)に設定したモーションは、関連する全画面に自動で反映される。
  • 「Dev」モードからは、CSS、JSON、React形式のコードコピーが可能であり、書き出しはMP4、WebM、SVGなどに対応する。
  • AIアシスタント「Figmaエージェント」によるプロンプトからのアニメーションたたき台生成機能も搭載されている。

Summarized by S.I.V.A. - Node: Beta