Config 2026で発表されたFigmaの新機能まとめ
Figmaの年次カンファレンスConfig 2026が、2026年6月23日から25日にかけて開催されました。
今回は事前に予想されていた通りAI、コード変換まわりの機能追加が多く、なかでもアニメーション機能が特に注目を集めていました。
本記事では今回のConfigで追加された8個の機能を以下にまとめています。
Config 2026で発表された主な機能
Figma Motion・Generative plugins・Shaders・Figma Weave・Figma agentが今日から使え、Code Layers・FigJam agent・Slides agentは近日公開になっています。
すでに利用できる機能
Figma Motion
Figma Motionは、Figma内で手軽にタイムラインアニメーションを作成できる機能です。これまでアニメーション制作には専門のツールが必要でしたが、タイムラインとキーフレーム、プリセットを使ってキャンバス上で直接組み立てられます。
位置・不透明度・スケール・回転・フェードイン／フェードアウト・イージングなど、タイムラインアニメーションに必要な基本機能が揃っています。作成したアニメーションは Dev Modeで確認でき、CSSやJSON、Reactコード、MP4・WebM・Animated SVG・GIFといった多様な形式で書き出すことができます。
Generative plugins
Generative pluginsは、作りたいツールの内容を説明するだけで、独自のプラグインを生成できる機能です。これまでFigma上で使う独自のプラグインを作るには、開発環境の準備やプラグインAPIの知識が必要でしたが、Generative pluginsではローカル環境やAPIの知識がなくても作れるようになっています。
作ったプラグインはまずファイル内で共有でき、将来的にはチーム・組織・コミュニティへ段階的に公開できる見込みです。
Shaders
Shadersは、AIに指示するだけで質感やエフェクトを作成できるシェーダー機能です。プロンプトでの記述、または画像を参照として渡すことで生成でき、生成後はパラメータ化されてキャンバス上で直接調整できます。
他のエフェクトと組み合わせられるほか、生成したシェーダーはコードとして扱えるため、共有や再利用もしやすくなっています。なお、インタラクティブなシェーダーは近日提供予定とされています。
Figma Weave
Figma Weaveは、複数のAIモデルや生成フローを組み合わせて、画像生成やスタイル変換などを再利用できる機能です。これまで別プラットフォームに分かれていたノードベースのワークフローを、Figmaのキャンバス上で構築・確認・反復できます。
組み立てたワークフローはテンプレートとして公開でき、他のユーザーがリミックスして使うこともできます。
Figma agent
Figma agentは、キャンバス上で文脈を読み取り、作業を支援するAIエージェントです。特徴はSkillsという仕組みで、自分のワークフローや設計規約を、エージェントが再利用できる指示としてパッケージ化できます。Skillsは自分で作るほか、チームのものを使ったり、コミュニティから取り込んだりもできます。
Notion・Slack・GitHubなどの外部サービスとも連携でき、エージェントとのやりとりはデフォルトでチームに共有表示され、他のメンバーの動向を見ながら進められます。
近日提供・早期アクセス受付中
Code Layers
Code Layersは、デザインレイヤーをインタラクティブなコードに変換し、Figmaキャンバス上で編集・複製・比較できる機能です。任意のデザインレイヤーをワンクリックでコードレイヤーに変換でき、同じファイル内で複数の案を並べて探索できます。
チーム全体でコメントを付けながら反復でき、コードからデザインレイヤーへ戻す方向にも対応します。7月からロールアウト予定で、ウェイトリストの受付が始まっています。
3D transforms
3D transformsは、レイヤーに3Dの変形を加えられる機能です。こちらも現在早期アクセスの対象になっています。
FigJam agent / Slides agent
Figma agentは、FigJamとFigma Slidesへの対応も予定されています。FigJamではアイデア出しや整理、共同作業の支援、Slidesではスライド作成や構成づくりの支援に使えるようになる見込みです。こちらもComing Soonで、ウェイトリストの受付が始まっています。
Playground
Configの発表は数が多く、文章を読むだけだと機能の詳細が掴みづらい部分もあります。そこで便利なのが、Figmaが公開しているPlaygroundファイルです。
Config 2026 Playground | Figma
Figma agent Playground | Figma
Playgroundでは、Figma Motion・Shader fills and effects・Generative plugins・Figma Weave・Figma agentをチュートリアル形式で学べます。手を動かしながら機能を確認できるようになっているため、Configの新機能をまとめて把握したいときは、まずこれを触っておくのがおすすめです。
早期アクセス受付中の機能
Code Layers・3D transforms・FigJam / Slides agentは、早期アクセスのウェイトリストを受け付けています。気になる機能があれば、登録しておくとよさそうです。
まとめ
Config 2026では、アニメーション制作を支えるFigma Motion、AIによる生成や拡張を担うGenerative plugins・Shaders・Figma Weave、デザインからコードへの変換を扱うCode Layersなど、幅広い領域の機能が発表されました。
すでに利用できる機能は公式Playgroundでまとめて試せるため、発表内容を一通り把握したい場合は、まずここから触ってみるのがよさそうです。
今回の発表で追加された機能群は、これまで用意された機能の範囲で表現を組み立てていたものが、これからはそのツール自体をカスタマイズし、実験した表現をチームで共有していけるようになる点が今回の発表の大きな変化だと感じました。
