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

相关推荐
阿星AI工作室2 天前
Codex+Figma MCP:GPT-image-2出图转前端
ai·编程·figma·codex
爱吃提升3 天前
Figma有哪些适合团队协作的功能?
figma
爱吃提升4 天前
Figma的设计系统功能如何帮助团队提高工作效率?
figma
日月新著6 天前
在VSCode中通过Copilot链接Figma直接生成完整产品
vscode·copilot·figma
爱吃提升8 天前
Figma 零基础入门教程(新手从零学会用)
figma
爱吃提升8 天前
Figma汉化包下载安装教程(FigmaEX集成版Mac安装教程)|版本区别+下载方法+详细步骤+新手入门指南
macos·figma
IT空门:门主15 天前
Pixso UI + Figma + ui-ux-pro-max +ai idae工作流教程
ui·ux·figma·ai idae
zhouwy11317 天前
AI 编程工具结合 Figma MCP 实现前端设计高保真还原
前端·人工智能·figma
johnny23318 天前
原型设计工具:Figma、Stitch、Claude Design、Open Design、OpenPencil
figma
Ww.xh20 天前
ClaudeCode安全注入Figma Token最佳实践
安全·figma