这是一个创建于 242 天前的主题，其中的信息可能已经有所发展或是发生改变。
这个插件的作用是把网页转成可编辑的 Figma 设计稿，从而可以进行重新设计或者引用、参考学习等。支持捕获整个网页的内容，也可以根据需要选择网页中某块的设计、图片、图标等。所有的处理都是在浏览器本地处理，包括图片下载等，没有隐私问题的担忧。
地址如下：
Page To Design： https://pagetodesign.com
Chrome webstore: https://chromewebstore.google.com/detail/page-to-design/bppiipkgkacfbhihojbedicaampmcici
PS:
还有不完善的地方，持续测试迭代，欢迎拍砖建议。
也正好辞职在家“带娃”一年，尝试独立开发一些简单的工具，Page to design ，是最近两个月左右完成上线的。也简单弄了个 https://recpage.com 网站聚合，本来想做个大而全的浏览器插件，折腾来折腾去浪费了很多时间，最终还是决定重新一个个独立。
地址如下：
Page To Design： https://pagetodesign.com
Chrome webstore: https://chromewebstore.google.com/detail/page-to-design/bppiipkgkacfbhihojbedicaampmcici
PS:
还有不完善的地方，持续测试迭代，欢迎拍砖建议。
也正好辞职在家“带娃”一年，尝试独立开发一些简单的工具，Page to design ，是最近两个月左右完成上线的。也简单弄了个 https://recpage.com 网站聚合，本来想做个大而全的浏览器插件，折腾来折腾去浪费了很多时间，最终还是决定重新一个个独立。
14 条回复 • 2024-03-20 15:10:47 +08:00
 |
1
param 242 天前 via Android
什么原理
|
 |
2
C603H6r18Q1mSP9N 242 天前
不好用，试了苹果站，就拷贝了几个文字。。
|
 |
3
wanniwa 242 天前
666
|
 |
4
zhiliang OP @shanghai1998 不好意思，我自己测试的网址不太全，我来看看什么，谢谢
|
 |
5
betty00 242 天前
码了
|
|
6
betty00 242 天前
试了一下这个，https://ably.com/ ，空白。。。。
|
 |
8
crazychang 242 天前
请问 Capture successful 后如何 import ？没看到相关按钮
|
|
9
crazychang 242 天前
@crazychang 哦我看到了 进入 figma 网页版的一个 design 后就弹出了
|
 |
10
MrDarnell 242 天前
还不错，我试了，虽然还有些问题，但是也能解决很多问题，我想问你这个是啥原理！
|
 |
11
Justineo 241 天前
这个插件的效果相比 html.to.design 如何？我们有对这类工具（其实更需要的是库）的需求，用来把前端组件库输出的结果渲染到 Figma 。但是目前已有的工具在一些布局稍微复杂一些组件上效果都不太理想。你是不是可以拿 ant.design 之类的网站测试看看，复杂的前端组件转换的效果怎么样。
|
|
13
zhiliang OP 如果觉得有用，也欢迎大家在 https://www.producthunt.com/products/page-to-design ，给点评推荐下
|
 |
14
janily 240 天前
@Justineo 我们团队做了一款把前端组件转设计稿的 figma 插件，现在支持 TDesign 和 AntDesign 两款组件库，渲染基本上覆盖 90% 以上，可以来尝试尝试，https://www.figma.com/community/plugin/1192146318523533547/ruyi-design-assistant
|
Select Language