AI注目記事のキュレーターページ

← 一覧へ戻る

重要度 高2026-06-24 16:15:00

Figmaが新機能を追加:コードレイヤー、アニメーションサポート、AI機能の強化

サマリー

Figmaが新たにコードレイヤーやアニメーションサポートを追加し、AI機能を強化しました。これにより、デザイナーやプログラマーがより効率的にアイデアを反復できる環境が整います。新機能は、カスタムプラグイン作成やAIを活用したアセット生成も可能にします。

本文

Figmaは水曜日に、新しいコードレイヤー、モーションやシェーダーのサポート、AIを活用したさまざまなタスク用のカスタムプラグイン作成機能を追加するアップデートを発表しました。このデザインプラットフォームは、ツールへのコード統合を進めており、昨年にはAIプロンプトを基にしたプロトタイピングツール「Figma Make」を発表し、Claude CodeやCodexとの統合を行い、コーディングとデザインのハンドオフを改善しています。新たに追加されたコードレイヤーは、チームがリポジトリをクローンし、テスト用にコードからデザインレイヤーへのフローを抽出するのを助けます。Figmaのチーフプロダクトオフィサーである山下裕樹氏は、コードレイヤーによりデザイナー、プロダクトマネージャー、プログラマーがアイデアを反復することが容易になると述べています。さらに、Figmaはアニメーション、トランジション、3D変換もサポートしており、デザイナーは他のソフトウェアでアニメーションを作成し、コードに変換する必要がなくなります。また、AIを使用してこれらのアセットを作成することも可能になり、シェーダー効果やフィルをAIを使って追加することもできます。Figmaは、ノードベースのツールWeavyを昨年買収し、今後はFigma内でWeavyのワークフローを直接生成できるようにする予定です。さらに、ユーザーはテキストプロンプトを使ってAIエージェントが利用できる繰り返し可能なスキルを作成できるようになります。

Contact us

ご質問・ご相談等ございましたらお気軽にご相談ください。

  • フォームでのご相談
    フォームでのご相談

    ホームページ制作、運用・更新における
    ご相談はお気軽にご連絡ください。

    お問い合わせ・ご相談
  • お電話でのお問い合わせ
    お電話でのお問い合わせ

    お電話でのご相談も随時受け付けております。
    見積依頼などもお気軽にご連絡ください。

    052-700-8712 平日 10:00~19:00