使用 We0 实现设计稿转代码

在本教程中，我们将学习如何使用 We0 实现设计稿转代码

开始使用

使用前请确保已有 Figma 或 Sketch 文件并清楚它们的文件位置 注意：该功能只有线上版可以使用！

步骤一：上传设计稿

点击页面聊天区域上方的"上传Sketch 或者 Figma"选项或聊天框下方的上传按钮，也可以直接将 Figma 或 Sketch 文件拖入聊天区域中进行上传

步骤二：选定设计稿内容并获取代码

1.在上传文件并加载完成后，将会出现 Sketch编辑器，在 Sketch编辑器 的左下角区域选定设计稿的内容

2.在完成选定设计稿内容之后点击右下角的"获取代码"按键，将设计稿内容发送给AI

步骤三：选择想要将设计稿实现在哪个技术栈

1.在完成"获取代码"后，会出现一个新的弹窗，可供选择的技术栈有 React、Vue、微信小程序，请按需选择

2.选择完成后，AI会开始将设计稿转化为所选技术栈的代码，在转化操作与加载操作完成后会自动跳转到"预览"中查看代码效果

步骤四：按需选择预览页面比例

在图片红框位置选择预览页面比例，可选桌面、手机、平板电脑、笔记本电脑四种比例

自己尝试

现在轮到你了！打开 We0 并尝试设计稿转代码，使用不同的设计和功能。尝试不同的提示，看看 AI 能为你生成什么。

祝您使用We0顺利，并成功提升自己的业务完成速度！