Skip to main content

Figma整合Builder插件使用

· One min read
wenhao

最终效果：​

使用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中
  1. 点击“Get Code” 获取编程语言代码
  2. 代码效果如下图：

参考文档：​

Loading Comments...