Vivid.lol使用教程

打开Vivid.lol官网，点击页面中的连接Figma账号按钮，按照页面提示完成账号授权绑定，授权后工具可访问你有权限的Figma文件。

在绑定完成后，进入文件选择界面，挑选需要转换UI组件的Figma设计文件，勾选你想要转换的单个或多个UI组件，确认转换范围。

选择你需要输出的前端框架和代码格式，点击生成代码按钮，等待人工智能处理转换，处理时间根据组件复杂度有所不同。

生成完成后，在平台内置的编辑器中查看生成的代码和预览组件效果，按需调整样式参数或组件结构，确认代码内容符合需求。

调整完成后，点击复制按钮将代码复制到剪贴板，或者点击下载按钮导出代码文件，将代码导入你的前端开发项目即可使用。