Claude Code
- Figmaデザイン、Figma Make、FigJamをサポート
- リモートサーバーとローカルサーバー
MCPクライアントツール
FigmaをMCPのトップクライアントに接続
コーディングツールが何であっても、Figma MCPサーバーからお気に入りのエージェントツールにFigmaのコンテキストを追加できます。
MCPクライアント
Claude
- Figmaデザイン、Figma Make、FigJamをサポート
- リモートサーバーとローカルサーバー
Cursor
- Figmaデザイン、Figma Make、FigJamをサポート
- リモートサーバーとローカルサーバー
VS Code
- Figmaデザイン、Figma Make、FigJamをサポート
- リモートサーバーとローカルサーバー
Codex by OpenAI
- FigmaデザインとFigJamをサポート
- リモートサーバーとローカルサーバー
Windsurf
- Figmaデザイン、Figma Make、FigJamをサポート
- リモートサーバーとローカルサーバー
Kiro
- FigmaデザインとFigJamをサポート
- リモートサーバーとローカルサーバー
Replit
- FigmaデザインとFigJamをサポート
- リモートサーバーのみ
Warp
- Figmaデザイン、Figma Make、FigJamをサポート
- リモートサーバーとローカルサーバー
Firebender
- Figma Design、Figma Make、FigJamをサポート
- リモートサーバーとローカルサーバー
Factory
- Figma DesignとFigJamをサポート
- リモートサーバーとローカルサーバー
Augment
- Figma DesignとFigJamをサポート
- リモートサーバーとローカルサーバー
Google Gemini CLI
- FigmaデザインとFigJamをサポート
- リモートサーバーとローカルサーバー
Atlassian Studio
- FigmaデザインとFigJamをサポート
- リモートサーバーとローカルサーバーは近日公開予定
Android Studio
- FigmaデザインとFigJamをサポート
- リモートサーバーとローカルサーバー
Amazon Q
- FigmaデザインとFigJamをサポート
- ローカルサーバーのみ
OpenHands
- FigmaデザインとFigJamをサポート
- ローカルサーバーのみ
Zed
- FigmaデザインとFigJamをサポート
- ローカルサーバーのみ
ServiceNowビルドエージェント
- Figma Designをサポート
- リモートサーバーのみ
アプリをレビューに提出する
FigmaリモートMCPサーバーをMCPクライアントに接続する場合は、リモートでアクセスするクライアントの登録を申請してください。
Figma MCPを詳しく見る
Figma MCPのインストールガイドを入手する
Figma MCPサーバーをリモートまたはアプリ内で有効にして、クライアントを追加し、強力なプロンプトを作成する方法を学びます。
Dev Modeでデザインから開発へのコードを解き明かす
Figma MCPは、Dev Modeと組み合わせることで強力な効果を発揮します。出力の精度を高めるために、Code Connectを使用してコードベースをリンクしてください。
Figma MCPサーバーの紹介
Figmaのコンテキストを開発者のワークフローに直接取り込み、LLMがデザインに基づいたコード生成を行えるようにします。