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

相关推荐
cnflyhz11 小时前
claude code 和 figma 结合的流程
figma
Autumn_ing1 天前
2026国内外主流设计工具大对比:Axure、墨刀、Figma、Pixso
ui·aigc·axure·figma·墨刀
喵手8 天前
Python爬虫高阶:用 Playwright “监听” Figma 社区热门插件数据!
爬虫·python·爬虫实战·figma·playwright·零基础python爬虫教学·社区热门插件数据采集
薛定e的猫咪24 天前
Vibe Coding范式实战:用AI工具链(Stitch+Figma+ai studio+Trae)快速开发全栈APP
前端·人工智能·react.js·github·figma
MoSTChillax25 天前
Figma Make:可复用 Prompt 把设计图画“准”
前端·ui·prompt·figma
风流 少年1 个月前
AI时代有手就能实现前端零代码(Figma Make + Figma MCP)
前端·figma
confiself1 个月前
Figma mcp server
状态模式·figma
HELLO程序员1 个月前
Repo-First 新范式:SpecKit + MCP 一键同步 Jira、Confluence、Figma
figma·jira
新缸中之脑1 个月前
Figma Make 提示工程
人工智能·figma