mcp-dir ＞ 画像生成・クリエイティブ ＞ Figma MCP
Fg
Figma MCP
公式あり（リモート）
公式資料で確認2026/10/18
「このFigmaのフレームを、今のサイトの部品を使ってHTMLにして」と頼むと、デザインどおりのコードを書いてくれる。「この画面をFigmaに起こして」もできる。
3つの答えはじめての人が最初に知りたいこと
誰が作った？サービスの提供元（公式）
AIは何ができる？読み書き（登録・更新もAIができる）
始めやすさは？ふつう：PCへの導入や設定が要る
料金は？Starter（無料）以上のプランで使える
使ってみて当社の所感
公式資料を読んだうえでの所感（未検証）未検証。画像そのものを生成する道具ではなく、LP・商品ページのデザインを作る／コードにする側。デザイナーと開発担当がいる会社向け。
公式資料・リンク公式資料で確認（2026/10/18）
「当社確認」は当社が実際に接続して動かした日付、「公式資料で確認」は公式リポジトリ・ドキュメント・公開情報の記載を確認した日付です。リンクは毎週月曜に点検しています。
技術的な詳細提供元・認証・権限・接続・料金・安全性
Figma のデザイン（フレーム・部品・色や余白の設定）をAIに読ませてコードにしたり、AIから Figma 上にデザインを作ったり直したりできる。LPや商品詳細ページのデザインと実装をつなぐ道具。
提供Figma公式（リモート型・https://mcp.figma.com/mcp。デスクトップ版もある）
認証Figma アカウントでログイン
権限デザイン情報の読み取り・コード生成、キャンバスへの書き込み（デザインの作成・変更）
接続★★☆ Claude Code・Claude Desktop・Codex・Cursor・VS Code など（対応は公式のMCPカタログで確認）
料金Starter（無料）以上のプランで使える。キャンバスへの書き込みは Full シートが必要で、ベータ中は無料・今後は従量課金の予定
制限回数の上限はプランごとに決まっている
同じカテゴリの他の欄画像生成・クリエイティブ ・ 8件
確認情報
- 確認の種類公式資料で確認2026/10/18
- 検索需要5,000／月 Ahrefs 日本
- 掲載日2026年10月18日
- 最終更新2026年10月18日
- カテゴリ画像生成・クリエイティブ
安全に使うには
「安全性の見方」の ✓△▲ の意味と、接続前に確認する10項目をまとめています。
掲載内容の訂正・追加
事実と違う点や新しい情報があれば お問い合わせ から教えてください。掲載は無料です。