Logo 归档

figma 网页转figma 设计图

html to design

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

Article Image
网页拓展工具

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

Article Image
要保存的页面

 

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

 

Article Image
html to design 功能界面
Article Image
开始导入
Article Image
导入配置

 

导入效果

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