Figma转HTML的2个简单方法，内置详细教程

1、使用 Figma Nocode 插件将 Figma 文件转 HTML

• 第一步，登录 Figma 网站；
• 第二步，进入资源社区，并查找 Figma Nocode 插件，点击“open in..”按钮，就可以选择在自己做好的设计文件中，打开这个插件；

• 第三步，运行 Figma Nocode 插件。我们选中自己需要转换的设计图层，点击转换页面即可。同时，设计师们还可以事先预览转换效果，并选择插件中文呈现方式，更易操作。需要注意的是，Figma Nocode 插件一次仅能转换一个页面，如果有多个页面需要转换需要设计师们手动进行多次操作。

• 第四步，转换完成后，我们还可以查看这个页面在不同设备上的呈现效果，Figma Nocode 插件支持 PC 端、Pad 端、移动端 3 种形式；
• 第五步，最后，我们点击插件右上方的面包屑，点击下载 HTML 即可实现 Figma 文件转 HTML。

2、使用即时设计一键发布功能将 Figma 文件转 HTML

• 第一步，登入即时设计官方网站，没有账号的设计师们需要先注册一个；
• 第二步，导入 Figma 文件，并进入工作台。点击导入文件，我们就可以将在 Figma 中做好的设计导入即时设计中，即时设计支持多种格式的文件导入导出，文件进出无压力。同时即时设计提供矢量绘图、钢笔工具等精细化设计工具，支持设计师们对设计稿进行二次修改；

• 第三步，选中需要导出的页面，点击右方操作栏中的生成网页即可实现转换并一键发布 HTML。

总结