Figma整合Builder插件使用

最终效果：

使用Figma和Builder把设计的页面直接转换成React代码

教程:

一、Figma配置Builder：

1. Figma安装插件Builder： 链接

2. Chrome安装插件Html to Figma: 链接

3. Figma点击插件使用导出code

4. 方式一：直接生成code

5. 方式二：使用下载json文件生成代码

二、Builder获取React代码

1. 选择方式二下载的json上传到Builder中

   

2. 点击“Get Code” 获取编程语言代码

3. 代码效果如下图：

参考文档：

• 配置插件Builder
• Bilder地址
• Figma地址