Figma AIのご紹介: インテリジェントなツールでデザイナーに力を与える

私たちはAI機能をFigJamに初導入

して以来、FigmaでAIの力を活用する方法を考えてきました。Figmaでのあらゆる取り組みと同じく、主な目標は、最高の仕事をするために必要なツールを提供し、誇張を脱却して実際のユーザーの問題に対する実際の解決策を見つけることです。この観点から、より効率的、創造的に作業できるようにデザインされた機能のコレクションであるFigma AIをご紹介できることを嬉しく思います。インスピレーションを求めているとき、複数の方向性を模索しているとき、あるいは面倒なタスクを自動化しようとしているときなど、Figma AIはどのような段階でもあなたの障害を取り除くように作成されています。

強化された検索機能で必要な検察対象を確実に見つける

プロダクトデザイナーが常にゼロから始めるわけではないことはわかっています。多くのFigmaユーザーは、製品のスクリーンショットを活用したり、チームがすでに作成したコンポーネントの使用を試みたりします。しかし、特定のデザインやコンポーネントを探すのは、干し草の山から針を探すようなものかもしれません。特に、複雑なデザインシステムを備えた大規模な組織で作業している場合はなおさらです。そこで、探している出発点を見つけるのに役立つ2つの新しい方法、ビジュアル検索とAI搭載のアセット検索をご紹介します。

ビジュアル検索では、画像をアップロードしたり、キャンバス上でエリアを選択したり、テキストクエリを入力したりすることで、デザインを見つけて再利用できます。Figmaは、チームのファイルのうちあなたがアクセス権を持つすべてのファイルから、視覚的に類似したデザインをすぐに表示します。そこで最も適切なフレームを作業中のファイルに直接挿入できます。将来的には、この検索機能はコミュニティファイル全体にも拡張され、コミュニティから素晴らしいリソースを簡単に見つけられるようになります。

アセットパネルにある既存のアセット検索機能も大幅にアップグレードされました。Figmaでは、AIを使用して検索クエリの背後にある意味や文脈を理解できるようになり、検索用語が対象の名前と完全に一致しなくても、最も適切なコンポーネントやアセットを返すようにデザインされています。たとえば、「primary button」を検索すると、デザインシステム上で「btn_large」のような名前が付けられている場合でも、適切なボタンコンポーネントとして表示されるはずです。単純なキーワードマッチングを超えることや、デザインエレメントの一般的な使用方法を学習することにより、直感的で自然な方法でデザインシステムからコンポーネントを簡単に見つけて使用できるようになります。

「検索は、デザイナーが毎日直面する実際の問題点をAIがいかに実用的に解決するかを示す完璧な例です」と、この機能のプロダクトデザイナーであるMarco Cornacchiaは語ります。「必要な情報を探すのに多くの時間を費やしています。ファイルを調べ、チームメイトにリンクを尋ね、必要なコンポーネントを探すという具合です。ビジュアル検索を使えば、わかりやすい言葉で記述したり、スクリーンショットをアップロードしたりするだけで、必要な検索対象をすぐに取り出すことができます。」

より効率的に作業し、フローを維持する

また、画像の編集や生成からインタラクティブなプロトタイプ作成、レイヤーの命名に至るまで、一般的なデザインタスクを合理化し、作業効率を向上するのに役立つ一連のツールも導入しています。

ワンクリックでテキストを翻訳、要約、リライト

AIを搭載したテキストツールにより、コピーを繰り返し、適切な言葉を見つけることが簡単になります。「新しいテキストリライト機能により、雑務を自動化し、忠実度の高いアイデアにより速く到達できるようになりました」と、Linear社のデザイナー、Gavin Nelson氏は語ります。

リアルなコピーと画像でデザインに命を吹き込む

リアルなコピーと画像を生成して、デザインに命を吹き込みます。モックアップでは、多くのデザイナーが定番のlorem ipsumやFPOをプレースホルダーとして使用していますが、リアルなコピーと画像に勝るものはありません。そこで、AIを活用したコンテンツ生成ツールを導入し、適切でリアルなコンテンツをデザインに迅速に取り込めるようにしました。 本物のような外観と雰囲気を備えたテキストやビジュアルを取り込むことで、デザインビジョンを効果的に伝える、より魅力的で説得力のあるモックアップを作成できます。

さらに、キャンバスを離れることなく画像の背景を削除できるようになったため、ツールを切り替えることなく、処理の対象をすぐに分離して印象的なビジュアルを作成できます。

クイッククリックプロトタイプ作成でデザインから具体化への移行を迅速化

プロトタイプを作成をクリックすると、静的なモックをインタラクティブなプロトタイプに迅速に変換できます。これにより、アイデアを実現し、ステークホルダーの賛同を得ることがより簡単になります。キャンバス上で直接プロトタイプをプレビューすることで、反復作業を効率化し、デザインをより効率的に完成させることができます。

レイヤーの名前を自動で変更して整理された状態を維持

レイヤー名の変更は、一見小さな機能ですが、プロジェクトの進行中にデザイナーが単調な作業に費やす時間を何時間も減らし、ファイルを常に整理して開発者がすぐに使える状態にしておくのに役立ちます。

テキストプロンプトからデザインを生成

真っ白なキャンバスの問題がよく話題になります。それは、Figmaファイルを新規作成して、何から始めればよいのかわからない状態を指します。行き詰ってどこから始めたらよいかわからない場合は、アクションパネルのデザインを作成を使うと、テキストプロンプトからUIレイアウトとコンポーネントのオプションが生成されます。必要なものを記述するだけで、この機能により最初のドラフトが提供されます。「デザインを作成」では、アイデアをすぐに形にすることができるため、さまざまなデザインの方向性を検討し、最適なソリューションにより早くたどり着くことができます。

しかし、これはほんの始まりに過ぎません。やがて、この機能では、GoogleのMaterial 3キットなどのUIキットを利用して、あなたが独自のニーズに合わせたUIを生成できるようになります。最終的には、組織独自のデザインシステムアセットとパターンを活用して、ブランドに沿ったUIを生成できるようになります。この機能は、プロジェクトを開始し、製品間で一貫性を保つための頼りになるツールになると考えています。

新しいクリエイティブなスタートライン

私たちはこれらの新しいAI機能にワクワクしています。レイヤーの名前付けやコンテンツの塗りつぶしなど、ワークフローをすぐに改善できる、すぐに気に入っていただける機能もあります。また、UIやプロトタイプの生成など、私たちが目指す方向性を示している機能もあります。つまり、実用的な最初のドラフトを簡単に作成し、デザインに命を吹き込むことで、ユーザーに新しいクリエイティブなスタートラインを提供するのです。私たちの目標は、ワークフローに組み込まれ、AIによって強化されたツールにより、実際の問題点を解決し、創造性をブロックする要素をなくすことです。

トレーニングへの取り組み

本日発表するすべての生成機能は、サードパーティのすぐに使用できるAIモデルを活用しており、個人のFigmaファイルや顧客データでトレーニングされたものではありません。ビジュアル検索とアセット検索は、公開されている無料のコミュニティファイにあるユーザー インターフェイスの画像を使用して微調整されています。

私たちはこれまで構築してきたAI機能に誇りを持っていますが、Figma固有のコンセプトやツールをより効率的かつ効果的に活用できる新しいモデルを開発することで、作業をさらに加速できると考えています。このような改善を行うには、Figmaコンテンツを通じて、デザインのコンセプトやパターン、Figmaの内部形式や構造をよりよく理解するモデルをトレーニングする必要があります。

2つの重要なポイントがあります。第一に、すべての管理者は、チームのコンテンツデータをトレーニングに使用するかどうかを制御できます。第二に、FigmaまたはFigmaのAI機能を使用するためにAIコンテンツトレーニングへの参加は必須ではありません。トレーニングのアプローチについて、詳しくはこちらをご覧ください。

これらの機能をより便利にするためには、デザイナーやプロダクトチームがFigmaで作業するときの特定の方法に合わせて、使用するモデルを調整する必要があります。私たちは、ユーザーのプライバシーを保護する原則的な方法でこれを構築することに尽力しています。

データのプライバシーと保護

Figmaでは、あなた、あなたの会社、そしてあなたの顧客にとって、あなたのデータがいかに重要であるかを理解しています。私たちのモデル開発プロセスは、あなたのプライバシーと機密情報を保護するようにデザインされています。

すべての顧客データについて、私たちは次のように扱います。

• 静止中および転送中のすべてのデータを暗号化
• 顧客データへの不正アクセスを防ぐために設計されたセキュリティ対策を使用
• 誰がデータを閲覧およびアクセスできるかに関するカスタマイズされた権限とユーザーアクセス制御を適用

Figmaでは、モデルがあなたのコンテンツ、コンセプト、アイデアではなく、一般的なデザインパターンとFigma固有のコンセプトやツールを学習できるように、追加のステップでモデルをトレーニングしています。たとえば、コンテンツを匿名化し、テキストや画像から機密情報を削除します。

AIモデルのトレーニング

Figmaでは、AIトレーニング用にFigmaと共有する顧客コンテンツを管理者が制御できる、チームレベルの設定を導入します。顧客コンテンツには、レイヤー名とプロパティ、テキストと画像、コメント、注釈など、ユーザーがFigmaで作成またはアップロードしたファイルコンテンツが含まれます。AIトレーニング用にFigma顧客コンテンツを共有するかどうかはオプションであり、チームの設定は2024年8月15日に有効になります。管理者がそれ以降にコンテンツトレーニングをオフにすると、新しいコンテンツや編集はAIモデルのトレーニングに使用されません。

本日より、管理者はすべてのプランにおいて、設定からコンテンツデータトレーニング設定を直接行うことができるようになりました。

• スタータープランとプロフェッショナルプランは、デフォルトで選択されますが、オプトアウトすることができます。
• ビジネスプランとエンタープライズプランは、デフォルトでオプトアウトされています。

8月15日まではコンテンツトレーニングは実施されないため、判断するまでに時間があります。Figma AIによって生成されたあらゆるコンテンツも顧客コンテンツデータと見なされます。Figma AIを使用してする際に生成される出力に対する権利は、あなたが保持します。

使用状況データ

使用状況データは顧客コンテンツとは異なり、Figmaへのアクセス方法と使用方法に関係します。使用状況データの例としては、テクニカルログ、メタデータ、テレメトリ データ、組織のコンテンツの使用方法(アクセス回数など)に関する情報などがありますが、使用状況データには顧客コンテンツ自体は含まれません。このデータは、あなたのプライバシーを保護するため、集約され、匿名化された形で使用されます。

コミュニティファイルデータ

Figmaコミュニティの無料ファイルは、変換を許可する一方で帰属表示を必要とするライセンスの下で利用できます。AIの分野で何をもって帰属とするかは、広く議論されているトピックです。私たちがアプローチを決定し、透明性をもってこのアプローチを伝達するまでは、デザインを出力する生成モデルをコミュニティファイルでトレーニングすることはありません。これまで、私たちは、新しいセマンティック検索やビジュアル検索の改善など、検索ユースケースを改善する目的でのみ、公開されている無料のコミュニティファイルを使用してきました。有料のコミュニティファイルでトレーニングを行うことはありません。

今後に向けて

私たちの目標は、デザイナーやプロダクトチームに役立つAIを構築することであり、しかも責任ある明確なアプローチを取りながら行うことです。AIのパワーとクリエイティブコミュニティの知恵を組み合わせることで、AIが真のクリエイティブパートナーになる未来が見えてきます。

AI機能の可用性について詳細をご覧いただき、トレーニングのオプトイン/オプトアウト方法についてご確認ください。

新しいAIの規約とポリシーは2025年8月15日に発効し、スターターとプロフェッショナルのユーザーには更新された利用規約とプライバシーポリシーが記載されたメールが送信されます。ビジネスまたはエンタープライズのお客様の場合、現在の顧客契約は引き続き有効です。コンテンツ トレーニングをオプトインする場合は、新しいAI 規約に同意するように求められます。