2026年6月24日からサンフランシスコで開催されたFigmaの年次カンファレンス「Config 2026」。そこで発表された内容は、これまでの「デザインツール」という概念を根底から覆すものでした。かつてデザインツールは、静止した「画」を描き、それをエンジニアが「動くもの」へと翻訳するための仲介役に過ぎませんでした。しかし、今回発表されたAIモーション生成とシェーダー機能は、デザインの「静止」という概念そのものを解体しようとしています。

1. ニュースの概要:Config 2026が示した「動的なキャンバス」

2026年6月24日(現地時間)、FigmaのCEOであるディラン・フィールド氏は、Config 2026の基調講演において、AIを中核に据えた大規模なアップデートを公開しました。その中心となるのが、ネイティブなタイムラインとAI補完を組み合わせた「Figma Motion」、そしてプロンプトから複雑な視覚効果を生成する「AI Shaders(シェーダー)」です。

これまで、Figmaでのアニメーションは「Smart Animate」による簡易的な遷移に限定されてきました。しかし、今回のアップデートにより、After Effectsのような本格的なタイムライン編集がFigma上で可能になり、さらにAIがデザイナーの意図を汲み取って、コンポーネント間の複雑な動きを自動生成します。また、WebGPUを活用したリアルタイムシェーダー機能により、これまではコードでしか表現できなかった液体のようなグラデーションや、ノイズ、光の屈折といった高度な視覚効果が、デザインキャンバス上で直接生成・調整可能になりました。

2. 技術的な詳細:AIが「時間」と「質感」を制御する

今回のアップデートにおける技術的ブレイクスルーは、主に以下の3点に集約されます。

Figma Motion:AIによるセマンティック・アニメーション

「Figma Motion」は、単なる動画編集機能の追加ではありません。AIエージェントがレイヤーの構造と階層を理解し、「このボタンをクリックした時の『弾むような』フィードバックを作って」といった自然言語のプロンプトから、キーフレームを自動で打刻します。生成されたモーションは、CSS、JSON、React、さらにはLottie形式で直接エクスポート可能であり、デザインと実装の「動きの乖離」を完全に解消します。

AI Shaders:プロンプトから生まれるWebGPUの魔法

最も衝撃的だったのは、シェーダー機能です。Figmaはキャンバス上で動作するWebGPUエンジンを統合し、GLSL(シェーダー言語)を記述することなく、AIとの対話で独自の視覚エフェクトを作成できるようにしました。例えば、「有機的に揺らめく3Dの背景」や「ガラス越しに光が透過するエフェクト」を数秒で生成し、パラメーターで微調整できます。これは、Nvidia GTC 2026で発表された「Vera Rubin」アーキテクチャのような次世代GPUの演算能力が、クリエイティブ領域にまで民主化された結果と言えるでしょう。

Code Layers:デザインをそのまま「生きたコード」へ

現在クローズドベータ版として提供されている「Code Layers」は、デザインレイヤーをワンクリックで対話的なコードへと変換します。これは単なるコードの書き出しではなく、Figmaのキャンバス上で実際にReactやVueのコードが走り、APIと連携した本物のプロトタイプを構築できる機能です。これにより、開発者は「デザインを模写する」という作業から解放され、デザインとコードが同一の真実(Single Source of Truth)を持つことになります。

3. 考察:デザインの民主化か、それとも職能の消失か

今回のFigmaの進化は、デザイン業界に極めて大きなインパクトを与えます。ここでは、ポジティブな側面と、潜在的な懸念点について深く掘り下げます。

ポジティブな側面:創造性の爆発と効率化

最大の利点は、「スキルの壁」の撤廃です。これまで、高度なモーションデザインやシェーダープログラミングは、専門的な訓練を受けた一部のクリエイターにしか扱えませんでした。しかし、AIがその橋渡しをすることで、UIデザイナーは「どう動かすか(How)」という技術的制約から解放され、「何を体験させるか(What)」という本質的な問いに集中できるようになります。

また、プロダクト開発のスピードは劇的に向上します。プロトタイプがそのままプロダクションコードに近い品質で動くようになれば、エンジニアとのコミュニケーションロスは最小限に抑えられます。これは、GoogleによるWiz買収がクラウドセキュリティのインフラを強固にしたように、デザインインフラの統合がプロダクト全体の品質を底上げすることを意味します。

懸念点:均質化と専門性の危機

一方で、AI生成による「デザインの均質化」は避けられない課題です。誰もが簡単に美しいアニメーションを作れるようになれば、結果として「どこかで見たような心地よい動き」ばかりが溢れ、ブランド独自の個性が失われるリスクがあります。また、AIが生成するコードやモーションの内部構造が「ブラックボックス化」することで、トラブルシューティングが困難になる可能性も指摘されています。

さらに、深刻なのは雇用への影響です。すでにテック業界では、Metaが全社員の20%を削減する検討に入るなど、AI主導の組織再編が加速しています。Figmaがこれほどまでに強力な自動化ツールを提供することは、ジュニアレベルのデザイナーや、特定の作業に特化したモーションデザイナーの仕事を奪う結果になりかねません。クリエイターには、AIを単なるツールとして使いこなすだけでなく、AIには不可能な「文脈の理解」や「倫理的判断」がこれまで以上に求められるでしょう。

また、AIによるスタイルの複製は法的リスクも孕んでいます。Grammarlyがアイデンティティ盗用で提訴されたケースと同様に、特定のデザイナー独自の「動きの癖」や「シェーダーの質感」をAIが無断で学習し、他者が再利用することに対する権利保護の議論は、今後Figmaコミュニティ内でも激化することが予想されます。

4. まとめ:デザインは「名詞」から「動詞」へ

Figma Config 2026が示した未来において、デザインはもはや「静的な成果物(名詞)」ではなく、常に変化し、反応し、動き続ける「体験のプロセス(動詞)」へと変貌しました。AIモーション生成とシェーダー機能は、デザイナーに「魔法の杖」を与えましたが、その杖を振るうための「ビジョン」がこれまで以上に問われる時代になります。

今後は、BumbleのAIアシスタント『Bee』が人間関係を代行し始めたように、ユーザーインターフェースそのものがAIによってリアルタイムに生成・変化する「アダプティブUI」が主流になるでしょう。Figmaはそのための基盤として、デザインとエンジニアリングの境界線を完全に消し去ろうとしています。私たちは今、デザインの歴史における最大の転換点に立ち会っているのです。

参考文献