Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
选择职业,即可得到搭配好的 MCP(连接服务)和 Skill(操作手册),每一项都通过了我们的命令检查。
先把 PopNx MCP 连接到你的 AI 应用,再把这句话复制到对话中 · 如何连接 PopNx MCP →
用 PopNx MCP 帮我安装“设计师”工具包:MCP glips-figma-context-mcp, dayuanjiang-next-ai-drawio, nteract-semiotic,以及 Skill pbakaus-impeccable, cathrynlavery-diagram-design。对每个 MCP 使用 get_install_config,对每个 Skill 使用 read_skill,一个一个地带我完成。如需密钥或令牌,告诉我放在电脑的哪里,不要让我把密钥输入对话。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
Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
列表按最新数据挑选,我们不保存你的密钥。