#Claude开始读懂Figma##设计稿一键变网页代码#

Claude Code引入了Figma，从此设计秒变代码。

借助Claude Code，你可以把Figma里的设计稿，转成生产级的HTML/CSS代码，布局、样式、组件层级、图片资源统统搞定。

对设计师来说，不懂代码也能做网页；对开发者来说，这是减少重复搬运、对齐设计的机会；对产品经理来说，草图落地变原型也快了十倍。

这个过程不需要手动标注、也不用导出图层、甚至无需写一句代码，只要复制个链接，再下个指令，Claude就能自动识别设计内容并输出完整网页，还能在浏览器里实时预览，做到“所见即所得”。

简单说下怎么实现的：

- Claude通过MCP技术“看懂”Figma的组件层级、设计令牌、自动布局规则

- 自动下载设计里需要用到的图片资源

- 用自然语言+链接，就能生成结构化HTML和响应式CSS

- 用户还能在终端交互确认每一步，随时调整输出

这波操作基本把“前端切图”这活儿简化到了极致。

有人说，Claude不再只是“能写代码”，它开始知道你想要什么样的代码。 http://t.cn/AXhsAlBq