HTMLとWebサイトのインポート
HTMLや貼り付けたWebサイトのリンクをFigmaレイヤーに変換し、キャンバス内でさらに調整できる出発点を提供します。
Buddy
Buddyは、Figma内でデザイン生成・拡張・反復を支援するAIデザインエージェントです。HTMLからFigma化、画面生成、バッチ編集にも対応。
Buddyとは
Buddyは、デザイナーやチーム向けのAIデザインエージェントとして位置づけられているFigmaコミュニティプラグインです。キャンバス内で直接、実際のデザインを生成・拡張・反復するのを支援するAIデザインパートナーとして説明されています。
このプラグインは、Figma内でのデザイン生成とワークフロー自動化に重点を置いています。ソースによると、HTMLをFigmaレイヤーに変換したり、画面、フロー、コンポーネント、バリアントを生成したり、ファイルの整理、レイヤーの整理、画面をまたいだバッチ編集などの操作を実行できます。
主な機能
AIデザイン生成
エージェントに指示して、スクリーン、フロー、コンポーネント、バリアントをFigma内で直接作成できます。すべてを手作業で組み立てる必要はありません。
キャンバス操作とバッチ編集
Buddyにファイルの整理、レイヤーの整頓、複数画面にわたるバッチ編集を任せられるため、繰り返し作業を支援します。
デザインシステム対応の出力
公開済みのデザインシステムコンポーネントを再利用し、生成結果をブランドルールやコンポーネントライブラリに沿わせやすくします。
複数LLMのサポート
Codex、Opus、Sonnet、GPT、Geminiなど、ページで言及されている複数のモデルオプションを使い分けて、さまざまなエージェントワークフローに対応できます。
エージェント型ツールと検索
画像生成やオンライン検索を含むエージェント型フローを利用でき、扱える入力と出力の幅を広げます。
Buddyの実践的な使い方
Webコンテンツを編集可能なデザインに変換する
HTMLや既存のWebページから、レイアウトやコンポーネントを調整できるFigmaレイヤーへ移したいときに使います。
初期のデザイン方向性を生成する
Figma内で、プロンプトやラフなアイデアから画面、フロー、コンポーネント、バリアントの初期案を作成したいときに使います。
繰り返しの制作作業を自動化する
クリーンアップや一貫性の調整が必要なプロジェクトで、レイヤーの整理、ファイルの整頓、複数画面への反復編集を行うときに活用できます。
デザインシステムに沿って出力を保つ
生成物を既存のブランド資産や再利用可能な部品に合わせたいとき、公開済みのデザインシステムコンポーネントを参照させます。
反復的なアイデア出しを支援する
キャンバス内でコンセプトを反復しながら、検索や画像生成を通じて補助材料を集めるエージェント型ワークフローに使えます。
Pros and Cons
Pros
- Figma内で直接動作するため、生成と反復を、すでにデザイン作業が行われている同じキャンバス上で進められます。
- 画面、フロー、コンポーネント、ファイル整理、バッチ編集など、創作と運用整理の両方をカバーします。
- デザインシステムの再利用に対応しており、生成物を公開済みコンポーネントやブランド基準に合わせやすくなります。
- 複数のモデルオプションと、画像生成やオンライン検索のようなエージェント型ツールが示されています。
Cons
- ソースには、特定のFigma画面や環境に関する詳細な互換性マトリクスはありません。
- プラグイン自体の料金はプラグインページに記載されていないため、Figmaプランの制限や別途条件によって利用可否が変わるかは確認が必要です。
- 生成されたデザインのレビュー方法、編集上限、失敗時の挙動についてページでは説明されていません。
FAQ
Buddyは何に使われますか？
Buddyは、Figmaのキャンバス内でAIデザインエージェントとして機能するFigmaコミュニティプラグインです。チームやデザイナーがFigma内で直接デザインを生成・拡張・反復するのを支援すると説明されています。
Buddyはどのような作業を支援できますか？
ソースでは、BuddyはHTMLをFigmaレイヤーに変換し、画面、フロー、コンポーネント、バリアントを生成できるほか、ファイルの整理、レイヤーの整理、画面をまたいだバッチ編集などの操作も自動化できると説明されています。
Buddyは誰向けですか？
このプラグインは、Figmaで作業するデザイナーやチーム向けに位置づけられています。例としては、デザイン生成、デザインシステムの再利用、反復的なワークフロー自動化が中心で、製品外での汎用チャット用途ではありません。
BuddyはFigmaのワークフローにどのように組み込まれますか？
ソースには、詳しいセットアップ手順や対応するFigmaの画面についての記載はありません。ただし、BuddyはFigmaプラグインであり、コミュニティページに記載のとおりネットワークアクセス制限なしとされています。
Buddyは無料ですか、有料ですか？
Figmaの料金ページでは、AIクレジット付きの有料プランが各ティアで提供されており、無料のStarterプランにはFigma製品への限定的なアクセスがあります。Buddyのページ自体には、プラグイン固有の料金は記載されていません。
Quick Facts
- カテゴリー
- AIデザインプラグイン
- プラットフォーム
- Figmaコミュニティプラグイン
- 主な利用者
- デザイナーとチーム
- ソースドメイン
- figma.com
- 料金の状況
- Figmaの料金ページでは、AIクレジット付きの無料・有料プランが示されています。プラグイン固有の料金は記載されていません
- 主な操作
- HTMLからFigma、Webサイトのインポート、バッチ編集、レイヤー整理
Buddyの代替品
ByteAsk
ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。
CreateOS Sandbox
CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。
hob
hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。
Make Real
Make Realは、tldraw SDKとAIモデルを使い、手描きワイヤーフレームを動作するHTMLプロトタイプに変換するNext.jsアプリです。キャンバスでスケッチし、コード生成し、埋め込みプレビューで確認できます。
Manta AI
Manta AIは、URLからアプリの挙動を把握し、回帰を検出し、スクリプトやセレクタ管理なしでテストを生成できる自律型Webアプリテストツールです。
Redline
RedlineはClaude Code向けの予算管理ツール。時間・トークン・コスト・プラン割合の上限内でセッションを調整し、自然な終了を支援します。