デザインシステムに合ったボタンを生成

AIボタンジェネレーターはテキストプロンプトからボタンデザインを作成し、手動で構築するよりも早くスタイル、サイズ、状態を探ることができるようユーザーを支援します。Figmaのエージェントは、デザインシステムを使用してキャンバス上に直接ボタンを生成するため、出力は最初から本番環境で利用可能な状態になっています。

必要なボタン(アイコン付きのプライマリボタンやセカンダリのバリアント、読み込み状態)を説明すると、AIがそれをキャンバス上に作成します。Figmaのエージェントは、接続されたデザインライブラリを参照し、実際のトークン、コンポーネント、スタイルを使用して、システムに一致するボタンを生成します。

はい。必要な内容が正確に説明されると、Figmaのエージェントは、キャンバス上にカスタムボタンを生成します。スタイル、サイズ、状態、アイコンを指定できます。すべてが完全に編集可能であるため、手作業で修正したり、適切なボタンが生成されるまで再度プロンプトを作成することができます。

もちろん可能です。Figmaのエージェントによって生成されたボタンは、完全に編集可能なレイヤーやコンポーネントとしてキャンバスに表示されます。色、タイポグラフィ、間隔、状態などを手動でまたはフォローアッププロンプトを使って調整できます。フラット化されたり、ロックされたりすることはありません。

Figmaのエージェントはすべての有料Figmaプランで利用可能です。Figma Designの左側のレールにあります。現在のオープンベータ期間中はAIクレジットを消費しないため、探求、実験、フィードバックの共有を試してみてください。