
デザインライブラリを接続
エージェントは仕様を生成する際に実際のコンポーネント、トークン、バリアブルを参照するため、開発者はプレースホルダーの値ではなく正確なドキュメントを得られます。
メインコンテンツまでスキップ
Figmaエージェントが、デザインがすでにあるキャンバス上で直接、仕様の準備、アセットの抽出、開発者からの質問への回答を手伝います。コンテキストの切り替えが減り、より明確なハンドオフが実現します。
デザイナーと開発者を1つの共有スペースに保ちながら、面倒な準備作業はAIに任せて構築に集中しましょう。

レッドラインの生成、間隔のドキュメント化、コンポーネント仕様の一覧化といった繰り返しのハンドオフ作業をエージェントに任せて、本当に注意が必要なデザインの意思決定に集中できます。

エージェントは、コンポーネント名、スタイルトークン、インタラクションのメモなど、開発者が必要とするコンテキストを提示します。チャットでのやり取りが減り、誤解が減り、ビルドも速くなります。

仕様、アセット、デザインのコンテキストは作業そのものと一緒に存在します。開発者は最新バージョンを確認でき、デザイナーは何が構築されているかを把握できます。書き出しや情報の翻訳による損失もありません。
デザインチームの実際の働き方に合わせて作られた、Figmaエージェントならではの特長を詳しく見ていきましょう。

エージェントは仕様を生成する際に実際のコンポーネント、トークン、バリアブルを参照するため、開発者はプレースホルダーの値ではなく正確なドキュメントを得られます。

複数のフレームを同時にハンドオフ準備できます。あるセクションをドキュメント化しながら、別のセクションからアセットを抽出することも、待ち時間なく可能です。

ハンドオフのスレッドを共有すると、開発者はプロンプト全体、コンテキスト、反復の履歴を確認できます。質問と回答は作業に紐づいたまま残ります。

特定のコンポーネントについて詳細が必要な場合は、同じスレッドで質問しましょう。エージェントはコンテキストを記憶しているため、最初からやり直すことなく反復できます。
Figmaは、まるで自分の手の延長のように感じられます。キャンバス上でデザインのアイデアを練り、あとはエージェントが最後まで仕上げてくれます。デザインライブラリを接続すれば、これまでにない速さでデザインからコードへ進めます。
Andy Madrick
プロダクトデザイナー、Notion
Figma Designでファイルを開き、開発向けに準備が必要なフレームやコンポーネントを選択します。
間隔の仕様、コンポーネント名、インタラクションのメモ、書き出し可能なアセットなど、ドキュメント化したい内容をエージェントに伝えます。どのコンテキストが最も重要かを具体的に伝えましょう。
キャンバス上で生成された仕様を確認します。不足がある場合は同じスレッドで調整するか、別のフレームについて並行プロンプトを実行しましょう。
開発者は同じファイルに完全なコンテキストとともにアクセスできます。スレッドのリンクを共有すれば、何がどのように変わったのかを正確に確認できます。
AIデザインハンドオフアシスタントは、仕様の生成、間隔やスタイルのドキュメント化、アセットの抽出といった、デザインを開発向けに準備する際の面倒な作業を自動化するツールです。Figmaエージェントはこれをキャンバス上で直接行うため、開発者が必要とするすべての情報がデザインが存在するのと同じファイルにとどまります。別のハンドオフツールや書き出しは不要です。
AIは、デザインをドキュメント化し、開発者からの繰り返しの質問に答える手作業を減らします。Figmaエージェントは、レッドラインの生成、コンポーネント仕様の一覧化、デザイントークンの自動表示ができます。これにより誤解が減り、対応が速くなり、デザイナーがドキュメント作成の単純作業に費やす時間も減ります。
実際のデザインと一緒に仕様を保持し、実際のデザインシステムを参照し、チームが1か所で協働できるツールを探しましょう。Figmaエージェントはこの3つすべてを満たします。実際のコンポーネントとトークンを使ってドキュメントを生成し、すべてがデザイナーと開発者の両方が作業する共有ファイル内に残ります。
ハンドオフしたいフレームを選択し、左サイドバーからFigmaエージェントを開くか、CMD + Enterを押して、必要なドキュメントを説明します。エージェントが仕様を生成し、アセットを抽出し、キャンバス上で直接コンテキストをドキュメント化します。開発者はその後、同じファイルですべてにアクセスできます。
Figmaエージェントは、すべての有料Figmaプランでご利用いただけます。Figma Designの左サイドバーからアクセスできます。現在のオープンベータ期間中はAIクレジットを消費しないため、今のうちにぜひ試してフィードバックをお寄せください。
Figmaエージェントでもっと速く作る