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

相关推荐
唯鹿8 天前
AI生成UI代码实践(二)—— Figba 更新月记
ui·ai·figma·1024程序员节·蓝湖
_Doubletful10 天前
从零开始学 UI 第一篇:Figma 快速上手实战指南(上)
ui·figma
linda`li13 天前
如何使用TRAE+Figma自动生成前端代码
微信·figma·自动写代码
LinDaiuuj13 天前
Figma Specs 高效交付与开发协作指南
前端·figma
Wonopop20 天前
Figma 席位计费对账建模:从席位审批到发票、卡交易的状态设计
saas·figma·对账系统·mpchat
梦想出海-Phoebe20 天前
Figma 免费版与 Professional 区别详解:功能、席位管理及订阅计费
figma
ZARD9961 个月前
Codex 连接 Figma:让 AI 读取 Figma UI 设计稿数据
ui·figma·codex
易知微EasyV数据可视化2 个月前
从一个 SVG 清洗工具开始:设计师 howto 零帧起手开发 Figma 插件
人工智能·figma
console.log('npc')2 个月前
2026 实测:Grok 4.5 与 Grok 4.6 怎么选?前端开发、教程写作、Figma 还原选型指南
前端·大模型·ai编程·figma·grok
慧都小项2 个月前
从 Figma 到 Qt:Qtitan 能减少哪些界面还原工作?
前端·qt·嵌入式·figma·图形界面·工业界面·qtitan