
デザインライブラリを接続
エージェントをライブラリに接続すると、ボタンスタイル、カラートークン、間隔が自動的に取り込まれるため、すべての料金表が最初からデザインシステムに一致します。
メインコンテンツまでスキップ
必要なプランをFigmaエージェントに伝えるだけで、実際のコンポーネントとスタイルを使ってFigma Design上に直接料金表が作成されます。テンプレートのカスタマイズも、別のツールを行き来する必要もありません。
初期の検討段階から最終的なハンドオフまで、実際のトークンを使い、チームと同期した状態を保てる料金表です。

Figmaエージェントは、実際のコンポーネント、カラー、タイプスタイルを使って料金表を生成します。作り直しが必要なプレースホルダーのボックスではありません。3段階プラン、機能比較、トグル形式のレイアウトを、1つのプロンプトでまとめて検討できます。

列、機能行、バッジのスタイルの手動セットアップは不要です。プランを説明するだけでエージェントが構造を組み立ててくれるため、重要なポジショニングや価格設定の意思決定に集中できます。

生成された料金表はすべて共有ファイルに反映され、すぐにフィードバックを得られます。関係者はスクリーンショットではなく実際のデザインを確認でき、開発者もすぐにトークンを確認できます。エクスポートで何かが失われることはありません。
デザインチームの実際の働き方に合わせて作られた、Figmaエージェントならではの特長を詳しく見ていきましょう。

エージェントをライブラリに接続すると、ボタンスタイル、カラートークン、間隔が自動的に取り込まれるため、すべての料金表が最初からデザインシステムに一致します。

水平レイアウト、縦型カード、機能比較グリッドを一度に検討できます。1つが完了するのを待つ必要はありません。

スレッドを共有すると、チームは料金表の背景にあるプロンプト全体、コンテキスト、反復履歴を確認できます。スクリーンショットによるハンドオフや理由の欠落はありません。

最も効果的な料金表のプロンプトを再利用可能な/コマンドにまとめておけば、新しいページに料金表が必要になったときにチームがいつでも実行できます。
Figmaは、まるで自分の手の延長のように感じられます。キャンバス上でデザインのアイデアを練り、あとはエージェントが最後まで仕上げてくれます。デザインライブラリを接続すれば、これまでにない速さでデザインからコードへ進めます。
Andy Madrick
プロダクトデザイナー、Notion
左サイドバーで「エージェント」を選択するか、CMD + Enterを押します。作業するフレームをキャンバスに追加します。
必要なプラン数、強調したい機能をエージェントに伝え、実際のコンポーネントを使用するためにデザインライブラリを指定します。
生成された料金表を確認します。同じスレッドで調整するか、別のレイアウトの方向性を検討するために並行スレッドを開始しましょう。
再度プロンプトを入力して、機能行、トグルの状態、強調表示のスタイルを調整したり、手動で微調整したりできます。すべて編集可能な状態が保たれます。
AI料金表ジェネレーターは、自然言語のプロンプトを使って、列、機能行、バッジ、CTAといった構造化された料金表レイアウトを、手動のセットアップなしで作成するツールです。Figmaエージェントは、既存のコンポーネントとスタイルを使ってデザインキャンバス上に直接料金表を作成するため、白紙のフレームではなく完成度の高い土台からスタートできます。
左サイドバーからFigmaエージェントを開くか、CMD + Enterを押します。必要なプラン、含める機能、目指すレイアウトのスタイルを説明します。エージェントはデザインライブラリを使ってキャンバス上に完全に編集可能な料金表を生成し、すぐに調整やハンドオフができる状態にします。
優れた料金表は、プラン間の違いを明確にし、最も人気のあるプランを強調し、機能を見やすく一覧化し、一貫したCTAを使用します。Figmaエージェントは、これらすべての要素を実際のボタン、カラー、タイプスタイルを使って組み立てられるため、レイアウトの仕組みではなく内容とポジショニングに集中できます。
はい。エージェントが生成した料金表はすべて、デザインシステムに紐づいた完全に編集可能なレイヤーとしてキャンバス上に反映されます。間隔の調整、コンポーネントの差し替え、コピーの書き換え、再度のプロンプトによる反復が可能で、何も平坦化されたりロックされたりすることはありません。
Figmaエージェントは、すべての有料Figmaプランでご利用いただけます。Figma Designの左サイドバーからアクセスできます。現在のオープンベータ期間中はAIクレジットを消費しないため、今のうちにぜひ試してフィードバックをお寄せください。
Figmaエージェントでもっと速く作る