Locofy使用教程

访问Locofy官网注册账号，安装Figma或Adobe XD插件完成环境配置和授权绑定。

在Figma中打开需要转换的设计稿，确保图层命名规范和组件结构清晰，建议使用Auto Layout规范设计。

启动Locofy插件，选择目标代码框架（React/Vue/HTML等）和输出配置选项，设置组件识别策略和样式输出偏好。

点击生成按钮，AI自动解析设计稿并生成前端代码，在预览窗口中检查生成效果和响应式表现。

导出代码到本地项目或直接推送到GitHub仓库，根据业务需求进行功能逻辑补充和样式微调，完成从设计到可运行代码的全流程。