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

相关推荐
烈焰晴天15 天前
Codex 桌面端如何链接Figma MCP 服务器拿到 Figma设计稿精准尺寸等结构化数据 来精准还原UI
服务器·ui·figma
良逍Ai出海16 天前
免费模板搭完独立站后,我用 Codex + Figma 做了自己的页面设计
前端·人工智能·figma
console.log('npc')19 天前
将 Figma 接入 Codex MCP:从 `/plugins` 到本地插件配置的完整教程
前端·人工智能·python·figma·code·codex·mcp
console.log('npc')19 天前
FigmaEX 汉化,免费使用,下载与安装指南(Windows/Mac)
windows·macos·ui·figma
weixin_4419400121 天前
Figma Make 使用教程:从入门到精通
figma
2601_9618451521 天前
考研网课资源网盘|2027|资料
数据库·vim·sublime text·figma·photoshop·墨刀·高考
花岛溯25 天前
AI产品经理学习 DAY4 · Cursor 生成figma 原型
学习·产品经理·figma
踩着两条虫1 个月前
VTJ.PRO v2.4.0 多人协作与 AI 批量识图实战评测
vue.js·人工智能·低代码·figma
爱吃提升1 个月前
Figma中如何在自动布局中调整元素的大小?
figma
爱吃提升1 个月前
Figma中如何在自动布局中添加和删除元素?
figma