AI万址

设计系统同步工具

MCP设计系统桥接工具,用于在IDE和Figma之间实现设计系统的双向同步,支持React组件生成、Figma组件生成、设计令牌提取和双向同步功能。

设计系统同步工具是 brunonepomuceno 开发的 MCP 服务器:MCP设计系统桥接工具,用于在IDE和Figma之间实现设计系统的双向同步,支持React组件生成、Figma组件生成、。接入方法见官方仓库 README,在客户端 mcpServers 段加入其配置即可:https://github.com/brunonepomuceno/mcp-design-system-bridge-cursor

它是干什么的

先把定位说清:设计系统同步工具不是又一个大模型,而是一个 MCP 服务器。装好之后,你的 AI 客户端多出一组可调用的工具。MCP设计系统桥接工具,用于在IDE和Figma之间实现设计系统的双向同步,支持React组件生成、Figma组件生成、设计令牌提取和双向同步功能

项目数据
开发者brunonepomuceno
Star1
收藏0
质量等级C
平台分类开发效率
部署标签本地部署、设计系统管理、React组件生成
仓库mcp-design-system-bridge-cursor

核心能力

  • 本地部署(平台标签)
  • 设计系统管理(平台标签)
  • React组件生成(平台标签)

适合谁用

最该装的是天天在 Claude Desktop、Cursor 里写代码,想让 AI 直接干活的人。如果你只是偶尔用一次它背后的服务,开网页就够了,不必上 MCP。

接入指引

  1. 1打开官方仓库,看 README 顶部的 Installation。
  2. 2把仓库给出的 mcpServers 配置并进你客户端的配置文件(Claude Desktop 在 ~/Library/Application Support/Claude/claude_desktop_config.json,Cursor 在 ~/.cursor/mcp.json)。
  3. 3完全退出客户端再打开,工具列表出现该产品即成功。

需要带完整安装命令和配置 JSON 的教程?看 Top 20 的深度文档:代码文档查询工具 context7

常见问题

Q

设计系统同步工具免费吗?

A

代码在 GitHub 开放获取,费用与许可证以仓库为准。

Q

设计系统同步工具能用在 Cursor / Cline 吗?

A

能。MCP 是通用协议,配置在各客户端之间基本通用,只是配置文件位置不同。