Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.
选择你使用的 AI 应用,然后复制设置。
通过 1/4 项检查 · 你的提问会经过开发者的服务器(lightsyncpro.com)
第一步:你用哪个 AI?
选择你用的应用,步骤会显示在下方。
可连接 Claude · 约 2 分钟
不需要密钥,不用安装程序 · 在 claude.ai 或桌面应用设置一次,即可在聊天中使用 · 免费账户可添加 1 个 · Team/Enterprise 方案由所有者(Owner)添加
CustomizeConnectors
把这里的内容复制到 Claude 中同名的输入框,然后点击 Continue
Lsphttps://lightsyncpro.com/mcp-connectAuthentication 保持 Claude 检测到的设置,然后点击 Add
+ConnectorsLsp
用 Lsp 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude 说正在使用 Lsp,或回答中出现 Lsp 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
仅企业版 ChatGPT 可连接
适用于网页版 ChatGPT Business、Enterprise 或 Edu,需由工作区管理员或所有者添加 · 使用 Free、Plus 或 Pro:你的 ChatGPT 方案暂时无法自行连接 MCP
Plugins+Add custom MCP server
输入名称,在 Connection 下粘贴地址,勾选风险提示,然后点击 Create as a plugin
Lsphttps://lightsyncpro.com/mcp-connect开启新聊天,输入前先从插件列表中选择 Lsp
用 Lsp 告诉我你能帮我做什么,然后做一件给我看✓ 如果 ChatGPT 说正在使用 Lsp,或回答中出现 Lsp 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 OpenAI 帮助页面核实 · 你的界面可能因版本略有不同
可连接 Claude Code · 约 2 分钟
不需要密钥,不用安装程序
Mac:按 Command+空格,输入 Terminal · Windows:打开 PowerShell
claude mcp add --transport http --scope user lsp https://lightsyncpro.com/mcp-connect应能看到 Lsp 在列表中并显示已连接
用 Lsp 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Claude Code 说正在使用 Lsp,或回答中出现 Lsp 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同
可连接 Cursor · 约 2 分钟
不需要密钥,不用安装程序
用 Lsp 告诉我你能帮我做什么,然后做一件给我看✓ 如果 Cursor 说正在使用 Lsp,或回答中出现 Lsp 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同
可连接 VS Code · 约 2 分钟
不需要密钥,不用安装程序
用 Lsp 告诉我你能帮我做什么,然后做一件给我看✓ 如果 VS Code 说正在使用 Lsp,或回答中出现 Lsp 的工具名称,就表示连接成功
菜单名称已于 2026年11月11日 对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同
其他支持 MCP 的应用(如 Windsurf、Zed、Gemini CLI)添加方式各不相同,请在应用列表中查看
通过网页连接的应用使用的地址
https://lightsyncpro.com/mcp-connectJSON 设置在下方“开发者专用”中
Claude Code
claude mcp add --transport http --scope user lsp https://lightsyncpro.com/mcp-connectCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"lsp": {
"url": "https://lightsyncpro.com/mcp-connect"
}
}
}VS Code (mcp.json)
{
"servers": {
"lsp": {
"type": "http",
"url": "https://lightsyncpro.com/mcp-connect"
}
}
}这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
依据这个服务器的连接方式和各应用自己的文档,检查于 2026年11月10日。
通过互联网连接,适用于
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
我们上次检查时服务器没有响应,所以无法读取它的工具。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月12日
注册名称已通过域名 lightsyncpro.com 验证(注册中心会核实域名所有权)
代码最后更新于8个月前,已超过 6 个月
GitHub 无法识别许可证类型;请打开文件自行查看
我们检查时,6 秒内没有响应
我们检查时,6 秒内没有响应
尚未检查;我们会在检查端点时读取工具列表
提问、分享技巧或报告无法使用。按“有帮助”数量排序。
还没有评价
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 4 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
注册中心没有列出必需的密钥,不过有些服务器会在首次使用时要求你登录。
它在作者的云端运行。通过互联网连接,无需安装,但你发送的内容会经过作者的服务器。
GitHub 仓库最后更新于8个月前,最新版本(2.8.1)于8个月前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,因此也能用于支持远程 MCP 的应用,例如 ChatGPT Business 及以上方案。
同一分类中有:Figma Context MCP, AutoClip, Next AI Draw.io
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:↓ 每周下载量i★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。
Ready-to-use config snippets for connecting LightSync Pro MCP to your AI client.
Replace YOUR_TOKEN with the token from your LightSync Pro plugin settings under AI & Tools → MCP Settings.
In Claude.ai settings → Integrations → Add MCP Server:
https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN
This uses the Streamable HTTP transport — no additional setup required.
Add to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows):
{
"mcpServers": { "lightsync-pro": { "type": "url", "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN" } } }
Add to .cursor/mcp.json in your project root, or to the global config at ~/.cursor/mcp.json:
{
"mcpServers": { "lightsync-pro": { "type": "url", "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN" } } }
Add to ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": { "lightsync-pro": { "type": "url", "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN" } } }
You can connect multiple WordPress sites simultaneously. Each needs its own token:
{
"mcpServers": { "lightsync-main": { "type": "url", "url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=TOKEN_1" }, "lightsync-staging": { "type": "url", "url": "https://staging.yoursite.com/wp-json/lsp-client/v1/mcp?token=TOKEN_2" } } }
Note: Claude.ai currently deduplicates servers with identical tool names. If connecting multiple sites in Claude.ai, this is a known limitation — the workaround is to use one site at a time via the connector URL.
After configuring, ask your AI client:
"Check my LightSync Pro connection status"
A successful response looks like:
{
"site_url": "https://yoursite.com", "plan": "pro", "connected": ["lightroom", "dropbox", "figma"] }
If you get a 404, verify the plugin is active on your WordPress site and the token matches what's in the plugin settings.
For clients that require the SSE transport instead of Streamable HTTP:
https://yoursite.com/wp-json/lsp-client/v1/mcp/sse?token=YOUR_TOKEN
The SSE endpoint supports both GET (stream) and POST (message). Most modern clients should use the standard /mcp endpoint above.