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.
这三项永远不会合并成一个分数:意见、测量和人气是不同的东西。
我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。
选择你使用的 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)于31天前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,所以接受远程 MCP 服务器的应用也可以使用,例如开启开发者模式的 ChatGPT。
同一分类中有:Figma Context MCP, Claude Real Video, Figma MCP Server
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况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.