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
