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

相关推荐
小疯仔6 天前
关于CodeBuddy使用figma
figma
打妖妖灵滴哪吒13 天前
Figma的安装注册和界面介绍(图文版)
figma
行走的陀螺仪14 天前
一次 opencode + OpenPencil MCP 协同解析 .fig 文件的踩坑实录
node.js·figma·mcp·opencode
luyun02020223 天前
专防未成年,吾爱出品
网络·windows·figma
末代iOS程序员华仔25 天前
KMP全栈开发:从Android到AI Agent的技术演进与实践
flutter·ios·figma
末代iOS程序员华仔1 个月前
Figma MCP:连接设计与开发的下一代桥梁
figma
烈焰晴天2 个月前
Codex 桌面端如何链接Figma MCP 服务器拿到 Figma设计稿精准尺寸等结构化数据 来精准还原UI
服务器·ui·figma
良逍Ai出海2 个月前
免费模板搭完独立站后,我用 Codex + Figma 做了自己的页面设计
前端·人工智能·figma
console.log('npc')2 个月前
将 Figma 接入 Codex MCP:从 `/plugins` 到本地插件配置的完整教程
前端·人工智能·python·figma·code·codex·mcp
console.log('npc')2 个月前
FigmaEX 汉化,免费使用,下载与安装指南(Windows/Mac)
windows·macos·ui·figma