Frontender使用教程

打开Figma客户端或网页端，进入需要转换的设计文件页面，在插件市场中搜索Frontender，点击安装完成插件部署，确保插件权限开启可访问当前文件内容。

在Figma画布中选中需要转换的图层，可以是单个元素、一组组件或者整页设计内容，支持多选不同类型的图层同时进行转换操作。

打开已安装的Frontender插件，在设置界面选择需要生成的代码类型，如有自定义Tailwind配置可在该步骤上传配置文件，设置相关转换规则。

点击转换按钮，等待数秒即可完成解析，在插件界面查看生成的代码和效果预览，对比原设计稿确认样式、布局是否符合预期。

确认无误后点击复制按钮，将生成的代码直接粘贴到开发项目中，可根据实际开发需求对代码进行二次调整，完成设计到代码的落地。