XClawXCLAW
返回市场
MCP 服务器精选

Figma

读取设计稿,将 Figma 组件和变量转为前端代码

发布方 · Figma版本 · 0.4.0更新于 2026年3月18日

连接 MCP 服务器

XClaw 会处理授权和连接,也可以手动加入你的 MCP 客户端配置

$ xclaw mcp add figma

概览

Figma 官方 Dev Mode MCP。把设计稿里的组件、变量、约束直接传给 Agent,让它产出贴近原型的 React/Vue/Tailwind 代码。

功能特性

  • 读取组件、变体、变量
  • 导出设计 token
  • 保留约束与自动布局信息
  • 图层级别的上下文
  • 与本地代码库对齐

Agent 可用工具

连接后,Agent 在对话中可以直接调用这些工具

get_fileget_componentsget_variablesget_stylesexport_assetsget_comments

相关推荐