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