figma 网页转figma 设计图

html to design

将现有的网页直接转为 Figma 设计图。这样可以很快捷的复制一个网站页面,可以作为基础框架,很多可以在现有基础上进行调整,非常节省时间。

文章图片
网页拓展工具

打开 html to design 的时候,可以选择对应的内容,可以直接保存到本地,并且把网页全部都保存下来,选择 Capture Full Page,就可以保存到本地,也可以选择区域截图保存,Capture a Selection。

文章图片
要保存的页面

 

文章图片
回到Figma选择插件
文章图片
这里好像需要上网才行,上网后就可以打开
文章图片
选择文件导入

 

文章图片
html to design 功能界面
文章图片
开始导入
文章图片
导入配置

 

导入效果

文章图片
导入效果
文章图片
还有可以生成对应的组件,这个是在导入时进行的配置