最近玩着trae想着如何将代码转为figma设计稿，参考到了派大星Web to Figma 网页转设计稿插件开发了一个新figma插件。

Web to Design 版本1.0.3 界面展示

一、安装教程

1、下载浏览器插件文件，并将压缩包解压到本地文件夹。
部分用户下载不了 上传到网盘更新了
https://pan.baidu.com/s/1jgEBKUZO9BDKACZUN8MVDg?pwd=3wyw
https://www.123865.com/s/65fKVv-sOwWA
暂时无法在飞书文档外展示此内容
视频教程
https://www.bilibili.com/video/BV1TZNFzGEMd/
 
 
2、打开 Google Chrome 浏览器，在地址栏输入：chrome://extensions/ 进入扩展程序管理页面。
 
3、打开右上角的 「开发者模式（Developer mode）」。
 
4、点击 「加载已解压的扩展程序（Load unpacked）」。记得解压文件后再导入
 
5、选择刚刚解压的插件文件夹，即可完成安装。
 
6、置顶插件

二、使用方法

1、找到任意网站 然后打开插件点击复制到figma
2、等待复制完
3、打开自己的figma画板粘贴
 

交流群

UI/UX交流群满200人需要邀请联系uiux09 备注ui进群

bug问题反馈

评论区留言