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

デザインレビューをデザインの現場で実施

AIを活用したフィードバックの取得、コメントスレッドの要約、課題の抽出をすべてFigma Design内で直接行えます。ツールを切り替える必要も、デッキをまとめる手間も、批評と反復の過程でコンテキストが失われることもありません。

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

より迅速なフィードバック、より洗練されたデザイン

Figmaのエージェントを使えば、デザインレビューは待ち時間ではなく、作業セッションに変わります。フィードバックはコンテキストに沿って提供され、その場で即座に反映させることができます。

会議なしでフィードバックを得る

エージェントにいつでもデザイン批評を依頼できます。使いやすさ、視覚的階層、アクセシビリティなどについての視点を得ることができます。スケジュール調整や次のレビューサイクルを待つ必要はありません。

コメントを数秒で要約する

長いコメントスレッドが溜まっている場合、エージェントがフィードバックを明確なアクションアイテムにまとめてくれるので、会話の解析に時間を費やすことなく問題の解決に集中できます。

変更点に対するチーム全体の認識を合わせる

すべてのレビュー、1つ1つのフィードバック、さらに反復も同じ共有ファイルで行われます。チームは全体像を把握できるため、決定事項をすぐに反映させることができます。

エージェントの背後にある機能

Figmaのエージェントが他と違う理由の詳細、デザインチームの実際の作業方法に合わせて構築されたもの。

  • Figma AIエージェントがコンポーネントライブラリに接続され、デザインにブランドトークンを自動適用しているスクリーンショットークンFigma AIエージェントがコンポーネントライブラリに接続され、デザインにブランドトークンを自動適用しているスクリーンショットークン

    デザインライブラリに接続する

    実際のコンポーネント、トークン、変数を使用して生成および改良を行ってください。後で置き換える必要があるプレースホルダーUIは使用しないでください。

  • Figmaで同時に複数実行されているAIデザインプロンプトのスクリーンショットFigmaで同時に複数実行されているAIデザインプロンプトのスクリーンショット

    パラレルプロンプティング

    複数のプロンプトを同時に実行し、進路を並行して評価し、一つずつ順番に時間をかける必要はありません。

  • デザインコメントを含む共有されたFigma AI会話スレッドのスクリーンショットデザインコメントを含む共有されたFigma AI会話スレッドのスクリーンショット

    共有可能なスレッド

    スレッドを共有すると、チームはデザインの背後にあるすべてのプロンプト、コンテキスト、反復履歴を見ることができます。引き渡しは別途必要ありません。

  • Figma AIエージェントのスキルオプションがデザインワークフローを自動化するために表示されているスクリーンショットFigma AIエージェントのスキルオプションがデザインワークフローを自動化するために表示されているスクリーンショット

    スキル

    チームのワークフローと規約を、誰でもいつでも実行できる再利用可能な/コマンドにパッケージ化します。

Figmaは私の手の自然な延長のように感じます。私はキャンバス上でデザインの発想を行い、今ではエージェントが最後の一歩を担います。デザインライブラリを接続すると、デザインからコードへの移行がこれまで以上に速くなります。

Andy Madrick
Notion、プロダクトデザイナー

Notionのロゴ

Figmaのエージェントを使い始める

  • ステップ1: デザインを選択

    Figma Designでファイルを開き、レビューしたいフレームまたはコンポーネントを選択します。

  • ステップ2: フィードバックを求める

    エージェントにレビューの種類(ユーザビリティ、視覚的階層、アクセシビリティ、ブランドの一貫性)と対処すべき具体的な懸念事項を伝えます。

  • ステップ3:批評をレビューする

    キャンバス上でフィードバックを読みます。同じスレッドでフォローアップの質問をしたり、別の視点をリクエストしたりします。

  • ステップ 4: 適用と反復

    フィードバックに基づいてファイルを直接変更します。再度レビューを実施して、改善の検証や、新しい方向性の検討を行います。

エージェントの専門家になる

  • Figmaデザインエージェントが登場

    FigmaのAIエージェントがどのように機能するかを実際に見て、自分のワークフローで活用する方法を確認してください。

    続きを読む
  • [開始]ボタンと、サンプルチャットプロンプト「Figma、私の読書アプリのレイアウトをいくつか作成できますか?」が表示された、Figmaエージェントのプレイグラウンドの紹介画面[開始]ボタンと、サンプルチャットプロンプト「Figma、私の読書アプリのレイアウトをいくつか作成できますか?」が表示された、Figmaエージェントのプレイグラウンドの紹介画面

    Figmaエージェントと作業する

    Figmaエージェントの機能を探求するためのハンズオンプレイグラウンド - 一括編集からフィードバックの実施までをステップバイステップでガイドします。

    始める
  • デザインワークフローでFigmaエージェントを使用する方法

    Figmaチームによるステップバイステップのチュートリアルを通じて、デザインワークフローでFigmaエージェントを使用する方法を学びましょう。

    今すぐ見る

よくある質問

デザインレビューは、デザインの有効性、使いやすさ、プロジェクト目標への整合性を構造化して評価するプロセスです。通常、ステークホルダーからのフィードバックを集め、問題を特定し、改善点に優先順位をつけます。Figmaのエージェントを使用すれば、デザインファイル内で直接レビューを行うことができます。AIによる批評を得たり、チームのコメントを要約したり、コンテキストを切り替えずに反復したりできます。

Figma Designでレビューしたいフレームを選択し、左側のレールからエージェントを開くか、CMD+Enterキーを押します。アクセシビリティ、視覚的な階層、整合性など、どんな種類のフィードバックが必要かを説明すると、エージェントがすぐに実行できる批評を提供します。既存のコメントスレッドを明確なアクションアイテムに要約するように依頼することもできます。

効果的なデザインフィードバックは、具体的で実行可能で、明確な基準に結び付けられています。Figmaのエージェントは、指定した視点(ユーザビリティ、ブランドの整合性、アクセシビリティなど)に基づいた、構造化された批評を提供することで支援します。チームフィードバックの場合、エージェントはコメントスレッドを要約し、重要なポイントが長い会話の中で埋もれないようにすることができます。

堅牢なデザインレビューのチェックリストは、視覚的一貫性、使いやすさ、アクセシビリティ、ブランドの整合性、および技術的な実現可能性などが盛り込まれています。Figmaのエージェントは、提供された特定の基準に基づいてデザインを評価し、ハンドオフ前に問題を見つけるのに役立ちます。すべての面をカバーするために、異なる焦点で複数のレビューを実施することができます。

Figmaのエージェントはすべての有料Figmaプランで利用可能です。Figma Designの左側のレールにありますが、CMD+Enterキーでアクセスすることもできます。現在のオープンベータ期間中はAIクレジットを消費しませんので、探求、実験、フィードバックの共有を試してみてください。