
Figma MCP Server 详解:设计稿直连 AI 编码
设计稿到代码的"最后一公里"终于有了官方解法:把 Figma 链接丢给 Claude Code 或 Cursor,它自己读图层结构、取设计变量、按你的组件库生成代码——中间的翻译层就是 Figma 官方的 MCP Server。它提供远程与桌面两种接入方式、四十多个读写工具,覆盖从读设计、生成代码到反向写画布的完整双向管道。本文按"接入方式、客户端配置、读设计、写设计、设计系统对接、实战建议"组织…
分类
追踪大模型的实战前沿:模型横评与选型(Fable、GPT、Gemini、DeepSeek)、AI Agent 架构(浏览器代理、Computer Use、多智能体协作)、判断模型(Jev、Laya)、本地化部署(AnythingLLM、WebLLM)与开源 AI 生态全景。从原理拆解到落地配方,给出可复制的选型与工程结论。
共 3 篇文章(已按标签筛选)

设计稿到代码的"最后一公里"终于有了官方解法:把 Figma 链接丢给 Claude Code 或 Cursor,它自己读图层结构、取设计变量、按你的组件库生成代码——中间的翻译层就是 Figma 官方的 MCP Server。它提供远程与桌面两种接入方式、四十多个读写工具,覆盖从读设计、生成代码到反向写画布的完整双向管道。本文按"接入方式、客户端配置、读设计、写设计、设计系统对接、实战建议"组织…

让 AI 操作 Figma 有两条路:读设计稿(Framelink MCP 一类)与写设计稿。而东南亚出行巨头 Grab 开源的 TalkToFigma(cursor-talk-to-figma-mcp)走的是后者——让 AI Agent 直接在 Figma 画布里动手:创建矩形、文本、画板,改颜色、圆角、自动布局,批量替换文案、传播组件覆盖。它以"MCP 服务器 + WebSocket 中继 +…

把 Figma 设计稿交给 AI 编码助手还原,最常见的做法是贴截图——模型看图猜布局,间距靠估、颜色靠猜,一次成功率惨不忍睹。Framelink MCP for Figma(GLips/Figma-Context-MCP)换了个思路:通过 MCP(Model Context Protocol)服务器把 Figma 文件的结构化数据直接喂给 Cursor 等编码 Agent——粘贴一个 Figma…