Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者提供的说明(英文原文)
Turn Canva designs into templates and render image/PDF variants via the Layerre API.
这三项永远不会合并成一个分数:意见、测量和人气是不同的东西。
我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。
选择你使用的 AI 应用,然后复制设置。
LAYERRE_API_KEY标为机密的值是你账户的钥匙。千万不要分享给别人,也不要粘贴到聊天里。
你需要
你用的是哪个应用?
在上方选择你的应用。我们会记住它,下次按钮会显示“安装到 …”。
适用于网页版、桌面版和手机版 Claude:
https://mcp.layerre.com/mcp打开 Claude Desktop → Settings → Developer → Edit Config,把下面的内容粘贴到 claude_desktop_config.json
{
"mcpServers": {
"layerre": {
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "your-value"
}
}
}
}在终端中运行这条命令
claude mcp add --transport http layerre https://mcp.layerre.com/mcpclaude mcp add layerre --env LAYERRE_API_KEY=your-value -- npx -y @layerre/mcp-server运行前请先填写空着的值。
粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"layerre": {
"url": "https://mcp.layerre.com/mcp"
}
}
}粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"layerre": {
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"layerre": {
"type": "http",
"url": "https://mcp.layerre.com/mcp"
}
}
}粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"layerre": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@layerre/mcp-server"
],
"env": {
"LAYERRE_API_KEY": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
ChatGPT 只能连接互联网上的服务器:
https://mcp.layerre.com/mcp菜单名称可能因套餐和版本不同而略有差异。
你的选择通过 Cookie 保存在这台设备上,无需账户。
这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
我们还没有读取这个服务器的工具列表;我们会轮流检查各个端点。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月6日
注册名称已通过域名 layerre.com 验证(注册中心会核实域名所有权)
我们还没有从 GitHub 读取这个仓库
我们还没有从 GitHub 读取这个仓库
尚未检查;我们会轮流检查各个端点
尚未检查;我们会轮流检查各个端点
尚未检查;我们会在检查端点时读取工具列表
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
你需要填写:LAYERRE_API_KEY
两种方式都可以:安装在你的电脑上,或者连接云端版本。
GitHub 仓库最后更新于–,最新版本(0.1.0)于8天前进入注册中心。
支持 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、图片和脚本已被移除。链接会离开本站。
A Model Context Protocol server for Layerre. Let your AI assistant turn Canva designs into reusable templates, edit layers, and render PNG / JPEG / WebP / PDF images from data.
Docs: [layerre.com/docs/mcp](https://layerre.com/docs/mcp/)
Endpoint: https://mcp.layerre.com/mcp (Streamable HTTP, OAuth 2.1 + PKCE).
Cursor — ~/.cursor/mcp.json
{ "mcpServers": { "layerre": { "url": "https://mcp.layerre.com/mcp" } } }
Claude Code
claude mcp add --transport http layerre https://mcp.layerre.com/mcp
VS Code — .vscode/mcp.json
{ "servers": { "layerre": { "type": "http", "url": "https://mcp.layerre.com/mcp" } } }
Claude Desktop / Claude.ai — Settings → Connectors → Add custom connector → https://mcp.layerre.com/mcp
Windsurf — ~/.codeium/windsurf/mcp_config.json
{ "mcpServers": { "layerre": { "serverUrl": "https://mcp.layerre.com/mcp" } } }
Your client opens a browser window to sign in to Layerre and approve access.
Create a key in the Layerre dashboard (Settings → API keys), then:
{
"mcpServers": { "layerre": { "url": "https://mcp.layerre.com/mcp", "headers": { "Authorization": "Bearer lyr_xxxxxxxx_xxxxxxxx" } } } }
{
"mcpServers": { "layerre": { "command": "npx", "args": ["-y", "@layerre/mcp-server"], "env": { "LAYERRE_API_KEY": "lyr_xxxxxxxx_xxxxxxxx" } } } }
| Tool | Description | Type |
|---|---|---|
layerre_auth_status | Check authentication status | read |
layerre_list_templates | List templates (filter by tag, paginate) | read |
layerre_get_template | Get a template with its layers | read |
layerre_list_template_tags | List tags/folders with counts | read |
layerre_create_template | Create a template from a Canva share URL | write |
layerre_update_template | Update name, size, backgrounds, tags | write |
layerre_create_layer | Add a text or image layer | write |
layerre_get_layer | Get a layer | read |
layerre_update_layer | Update a layer | write |
layerre_list_variants | List generated variants | read |
layerre_get_variant | Get a variant | read |
layerre_create_variant | Render one image/PDF with overrides | write |
layerre_create_variants_bulk | Render up to 25 variants in one call | write |
Example prompts:
social."See CONTRIBUTING.md.
Privacy policy · Terms · hello@layerre.com
MIT