Figma AI、独自アニメーションスタイルに対応　ライブラリ公開やMCP自動適用へ

画像: Figma 公式 X

結論（先に3行）

1. Figma AIで独自のアニメーションスタイルを保存可能になりました。2. Figmaの公式発表により機能の提供が明らかになりました。3. デザインシステムを管理するチームや制作担当者が対象です。

Figmaが「Figma AI」において、独自のアニメーションスタイルを扱う新機能を発表しました。デザインシステム (デザインの共通ルール集) 向けに、動きの設定を保存して共有できます。

作成したアニメーションスタイルは、チームのライブラリに登録して公開できます。保存したスタイルは、スキル機能を通じて参照することも可能です。

外部連携規格のMCP (外部ツールと連携するための規格) にも対応しました。Figmaのエージェントや外部のコーディング支援エージェントを通じて、保存した動きのスタイルを自動で適用できます。

画面の動きに共通のルールを持たせたい現場では、設定したアニメーションを制作や実装の工程へ素早く反映できるようになります。

ざっくり言うと、画面の動きに関する「お気に入りの型」を登録して、AIに自動で使わせる仕組みです。

たとえるなら、会社のロゴ色やフォントを決めておくように、ボタンが跳ねる速度や画面の切り替わり方を社内ルールとして登録できます。一度決めておけば、AIがコードを書くときにもその動きをそのまま再現してくれます。

デザインの静止画だけでなく、動きのルールまでAIに渡せるようになった点に筆者は関心を持ちました。アニメーションの秒数や加減速は人によってバラつきが出やすい部分です。ここをライブラリ化して固定できるのは、かなり実用的だと感じます。

MCP連携による自動適用。

単にFigmaの中で完結せず、外部のコーディング支援ツールにも同じ動きの定義を渡せる設計には筋の良さを感じます。デザインから実装への引き継ぎで生じていた微調整の手間は、確実に減りそうです。

次は冬にかけて各社の開発環境でMCP連携がどこまで実務に浸透するかを見届けたいところです。

デザインシステムを運用している人は、定義したアニメーション効果をライブラリ経由で共有し、AIによる自動適用まで一貫して行えるようになります。