メインコンテンツまでスキップ

Figmaのエージェントに尋ねて、自分のものになるまで磨き上げよう。

アイデアを迅速に探索し、キャンバス上で直接編集し、チームと一つの共有スペースで構築しましょう。無料で始められます。

Figmaキャンバス上のロサンゼルス用モバイル天気アプリ。エージェントのステータスメッセージには「色のコントラストを確認中」「コードレイヤーを生成中」「ローカル天気プラグインを作成中」「カスタムシェーダーを作成中」と表示されています。
  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

時間を無駄にせずに最適なオプションを見つける

「ブランドに合った10種類の新しいバージョンを作って」というプロンプトから生成された、緑と黄色の読書アプリ画面のバリエーションのグリッド。「ブランドに合った10種類の新しいバージョンを作って」というプロンプトから生成された、緑と黄色の読書アプリ画面のバリエーションのグリッド。

複数のアイデアに対して迅速な反復処理

FigmaのAIエージェントは、複数のレイアウト方向の生成、ユーザーフローの構築、状態の探索など、実際のコンポーネントを使用して様々な機能を実行します。退屈なデザイン作業ではなく、成果を形作ることにもっと時間をかけられるようになります。

連携してすべてのワークフローをつなげる

エージェントスレッドで、ページ上の12のコメントが要約され、範囲に関する質問とデザインのフィードバックが生成されています。その横で、コメントが参照しているミュージアムアプリデザインが表示されています。エージェントスレッドで、ページ上の12のコメントが要約され、範囲に関する質問とデザインのフィードバックが生成されています。その横で、コメントが参照しているミュージアムアプリデザインが表示されています。

共有スペースで作成する

Figmaにフィードバックの要約やテーマの抽出を依頼し、得られた意見を次のステップに変換します。エージェントスレッドをチームメイトと共有することもできるので、誰でもプロンプトを続けられます。

ファイル添付とコンテキストの読み込み

  • スタイルファイルとexhibits.csvが添付されていて、「添付されたスタイルとデータを使用して、博物館の展示用の動的な地図を作成する」というプロンプトが使用されています。横にはその結果として生成されたインタラクティブな地図があります。スタイルファイルとexhibits.csvが添付されていて、「添付されたスタイルとデータを使用して、博物館の展示用の動的な地図を作成する」というプロンプトが使用されています。横にはその結果として生成されたインタラクティブな地図があります。

    ファイルを添付して出力を改善

    Figmaのエージェントにプロジェクトのリファレンス(PRDやスプレッドシートなど)を与えると、反復がより正確になります。

  • エージェントメニュー。コンテキストの添付、ウェブ検索、ライブラリ、およびAtlassian、GitHub、Granola、Hex、Notion、Slack向けのコネクターが表示されています。エージェントメニュー。コンテキストの添付、ウェブ検索、ライブラリ、およびAtlassian、GitHub、Granola、Hex、Notion、Slack向けのコネクターが表示されています。

    外部のコンテキストをFigmaに読み込む

    FigmaのMCPサーバーを使用して、エージェントがNotion、GitHub、Slackなどの外部ツールから直接ファイルに情報を読み込みます。

Figmaのエージェントでかなりの時間を節約できました。デザインをユーザーの前に出すのは早いほどよいです。エージェントを使って行うすべてのことは、そのために役立っています。

Paavan Buddhdev
Granola、プロダクトデザイナー

エージェントを試す

創造的な表現は多く。ツールの切り替えは少なく。

イージングパネル。キャンバスで [ブランド: Linear]、[ブランド: Playful]、[ブランド: Snappy] の各プリセットがアニメーションロゴに適用されています。イージングパネル。キャンバスで [ブランド: Linear]、[ブランド: Playful]、[ブランド: Snappy] の各プリセットがアニメーションロゴに適用されています。

Figmaのエージェントによるアニメーション化

プロレベルのモーションをプロンプトで実現しましょう。Figmaのエージェントは、単純なローディングの状態から複雑なインタラクションに至るまで、キャンバス上のほぼすべてのものをアニメーション化できます。

表現の追加と、プロンプトのプラグイン

  • ハーフトーンシェーダーパネルに、パターン、スケール、しきい値、および色のコントロールがあります。キャンバス上でダークレッドのノイズテクスチャをライブでプレビューしています。ハーフトーンシェーダーパネルに、パターン、スケール、しきい値、および色のコントロールがあります。キャンバス上でダークレッドのノイズテクスチャをライブでプレビューしています。

    シェーダーで表現を追加する

    カスタムシェーダーエフェクトとフィルをプロンプトします。キャンバス上でリッチなテクスチャ、パターン、グラデーションを作成します。アニメーション化することも、Figma Makeにエクスポートすることもできます。

  • 生成された複数系列の面グラフプラグイン。ソースデータ、シリーズ数、パレットのコントロールがあり、年齢グループ別の金融に関する自信度をグラフ化しています。生成された複数系列の面グラフプラグイン。ソースデータ、シリーズ数、パレットのコントロールがあり、年齢グループ別の金融に関する自信度をグラフ化しています。

    プロンプト生成プラグイン

    Figmaのエージェントに、チームの特定のワークフローニーズに合った再利用可能なプラグインを構築するよう指示してください。プラグインでは、アクセシビリティをチェックしたり、実際のデータを追加したり、ファイルをエクスポートしたりすることもできます。

唯一の信頼できる情報源から構築する

共有デザインライブラリ。ブランドのカラースウォッチ、明暗トークン値の変数テーブル、タイポグラフィスタイルが表示されています。ファイル上に数人のチームメイトのカーソルが見えます。共有デザインライブラリ。ブランドのカラースウォッチ、明暗トークン値の変数テーブル、タイポグラフィスタイルが表示されています。ファイル上に数人のチームメイトのカーソルが見えます。

システム向けのAIアシスタンス

デザインライブラリはすべての製品の基盤です。Figmaのエージェントは、デザインシステムを作成、維持、使用、文書化し、ビルドの一貫性を確保します。

スキルから始めましょう

スキルは、日常的な作業をより効率的にするための、再利用可能な指示です。Figmaコミュニティによって構築されたAIスキルを探してみましょう。

Powered by Fruition