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