AIで生成される動画エフェクトはどのように使いますか？

Figmaのチャットボットインターフェースに説明を入力するだけで、アニメーションやトランジション（画面遷移）エフェクトを作成できます。プリセットスタイルの適用またはタイムライン上での手動調整も可能です。

デザイナーがコードを編集できるようになるとは？

コードレイヤー機能により、デザインキャンバスを離れることなく、プロジェクトのコードを直接調整できます。リポジトリのクローン、AIエージェントによる新しい方向性の生成、フローのデザインレイヤーへの抽出、そしてコードへの変更同期が可能です。

プロンプト入力でシェーダーエフェクトとフィルを構築でき、WebGPUで動作するカスタム視覚効果が利用可能になります。これまでFigmaでは作成できなかったディザー、ピクセレート、複数のぼかしタイプなどのエフェクトをキャンバス上で直接作成できるようになります。

大規模言語モデルThe Verge AI2026年6月24日2026年6月25日 4:00

何が起きたか
FigmaはConfig年次カンファレンスで、AIが生成する動画グラフィックスエフェクト、シェーダー（WebGPUで動作するカスタム視覚効果）、デザインキャンバス上で直接コードを編集できるコードレイヤー、そしてFigma Weave統合など複数の新機能を発表しました。
なぜ重要か
これらの機能により、デザイナーはAIの説明入力でアニメーションやエフェクトを作成でき、開発者はFigmaを離れることなくコード変更を反映させられるようになるとみられます。チーム全体がAIエージェントを活用して作業を自動化・効率化できる環境が整いつつあります。
注目点
Figma Weaveとの本格統合は2024年後半に予定されており、20以上の統合Weaveツールがすでにキャンバス上で利用可能です。

質問と回答はこのページに公開されます。

こういう要約が、毎朝あなたのメールに届きます。

よくある質問

AIで生成される動画エフェクトはどのように使いますか？: Figmaのチャットボットインターフェースに説明を入力するだけで、アニメーションやトランジション（画面遷移）エフェクトを作成できます。プリセットスタイルの適用またはタイムライン上での手動調整も可能です。
デザイナーがコードを編集できるようになるとは？: コードレイヤー機能により、デザインキャンバスを離れることなく、プロジェクトのコードを直接調整できます。リポジトリのクローン、AIエージェントによる新しい方向性の生成、フローのデザインレイヤーへの抽出、そしてコードへの変更同期が可能です。
シェーダー機能では何ができますか？: プロンプト入力でシェーダーエフェクトとフィルを構築でき、WebGPUで動作するカスタム視覚効果が利用可能になります。これまでFigmaでは作成できなかったディザー、ピクセレート、複数のぼかしタイプなどのエフェクトをキャンバス上で直接作成できるようになります。