Web to Design 一键将网页变成Figma文件!

最近一直在玩 Trae 这种 AI 编程工具,过程中我反复在想一件事:能不能把任意网页,直接转成 Figma 设计稿?

一开始我以为这只是个很小的需求,但真到自己上手做设计还原时才发现,事情没那么简单。用 MCP 试过,总觉得还差一点;市面上现有的一些工具,也很难真正做到顺手、可用。于是我干脆自己做了一个浏览器插件。

现在在 Chrome 和 Edge 上都能用,核心就是把网页内容尽可能还原成可编辑的 Figma 稿,省掉大量重复搭建的时间。

还在持续打磨中,但它已经开始帮我省下不少时间了。

开源地址:

https://github.com/Tomccc520/html-to-figma

https://gitee.com/tomdac/html-to-figma

相关推荐
墨染天姬2 天前
Figma
figma
文心快码 Baidu Comate7 天前
Comate AI IDE三大能力升级:支持语音输入& AI可操作浏览器 & Figma设计与代码双向转换
ide·人工智能·ai编程·figma·文心快码·ai编程助手
jieyucx8 天前
Cursor + Figma MCP 实战教程:一键实现网页设计1:1像素级还原
figma
新缸中之脑8 天前
将Figma画布接入Codex/CC
figma
Slow菜鸟10 天前
Claude Code教程(六)| MCP之Figma
figma
风流 少年13 天前
Calude Code + Stitch + Figma MCP跑通全链路
figma
鄭郑14 天前
Figma学习笔记---03
笔记·学习·figma
鄭郑15 天前
Figma学习笔记--02
笔记·学习·figma
luyun02020216 天前
安卓端工具,不联网不授权
java·科技·figma
H@Z*rTE|i16 天前
配置字节 Trae 智能体调用 Figma MCP 的完整步骤
figma