Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Photos and a brief in, finished social-media designs out. First design free, no account.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
https://api.zaps.design/mcpターミナルでこれを実行します
claude mcp add --transport http zaps https://api.zaps.design/mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"zaps": {
"url": "https://api.zaps.design/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"zaps": {
"type": "http",
"url": "https://api.zaps.design/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
https://api.zaps.design/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月7日にチェック
レジストリ名はドメイン zaps.design で確認済みです(レジストリがドメインの所有を確認しています)
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントは順番にチェックしています
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は–、最新バージョン(1.1.0)がレジストリに届いたのは30 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Turn someone's photos into finished social-media designs (stories, carousels, reel covers, invites) from any AI agent. Give it photos and a brief, and Zaps picks matching templates, places the photos and the words, and returns finished images with a link to keep editing each one in the Zaps editor.
https://api.zaps.design/mcp (MCP, Streamable HTTP).| Client | Command |
|---|---|
| Claude Code | /plugin marketplace add turnip-agentic/zaps-agent then /plugin install zaps@zaps |
| Claude Code (server only) | claude mcp add --transport http zaps https://api.zaps.design/mcp |
| Codex | codex plugin marketplace add turnip-agentic/zaps-agent then codex plugin add zaps@zaps |
| Antigravity | agy plugin install or agy mcp add zaps https://api.zaps.design/mcp |
| Gemini CLI | gemini extensions install https://github.com/turnip-agentic/zaps-agent |
| Cursor | npx github:turnip-agentic/zaps-agent install cursor |
| Windsurf | npx github:turnip-agentic/zaps-agent install windsurf |
| opencode | npx github:turnip-agentic/zaps-agent install opencode |
| VS Code / GitHub Copilot | code --add-mcp '{"name":"zaps","type":"http","url":"https://api.zaps.design/mcp"}' |
| Any agent with skills | npx skills add turnip-agentic/zaps-agent |
| ChatGPT | Find Zaps in the ChatGPT plugin directory |
| Anything else | Add https://api.zaps.design/mcp as a remote (HTTP) MCP server |
No install at all? One GET makes a design: https://api.zaps.design/make?brief=Birthday%20Party,%20Friends&photo= &text=Happy%20Birthday. In a browser, https://api.zaps.design/make is a form that takes photo files.
| Path | For |
|---|---|
skills/zaps-design/SKILL.md | The skill: how to write the brief, upload photos and make designs |
plugin.json, mcp.json | Agent Plugins manifest (ChatGPT, Codex, Cursor) |
.claude-plugin/, .mcp.json | Claude Code plugin and marketplace |
.agents/plugins/marketplace.json | Codex marketplace |
mcp_config.json | Antigravity plugin MCP config |
gemini-extension.json, GEMINI.md | Gemini CLI extension |
server.json | MCP Registry entry |
bin/zaps-mcp.mjs | install helper, and a stdio bridge for clients without remote MCP |
| Tool | Does |
|---|---|
create_designs | Photos and a brief in, several finished designs out. The main call. |
upload_images | Upload links (or inline bytes) for photos on the caller's machine. Free. |
search_templates | Rank the template catalogue by a description. Free. |
fill_template | Render one chosen template with photos. |
Docs: https://zaps.design/docs/api · Privacy: https://zaps.design/privacy · Terms: https://zaps.design/terms · Support: https://zaps.design/support
The photos and text you send are used to make your designs. How Zaps collects, uses, shares and retains data is set out in its privacy policy: https://zaps.design/privacy. Contact: https://zaps.design/support.