如何导出你的设计
1
打开你的设计
在 Flowstep 中导航到你要导出的设计。
2
打开导出菜单
在工具栏或设计面板中找到导出选项。选择它以打开导出设置。
3
选择你的格式
根据你的使用场景选择 JPG 或 PNG（请参阅下面的比较）。
4
下载文件
确认你的选择并将导出的图像下载到你的设备。
JPG vs PNG：你应该使用哪种格式？
导出代码
除了图像，Code 按钮可以将屏幕导出为 React + Tailwind 代码 — 复制代码片段，或以 ZIP 形式下载完整包。包是自包含的：设计中使用的图像（包括你在聊天面板中附加的图像）包含在public/assets/ 文件夹中，代码通过本地路径引用它们，因此导出可以直接运行。
下载的文件 — 图像和代码包 — 都根据它们所属的屏幕命名（如果屏幕未命名，则回退到文件名），这使得在处理多个屏幕时可以轻松识别导出。
如果你需要将设计用于矢量编辑工作流，请改为直接复制到 Figma。请参阅 立即将 Flowstep 设计复制到 Figma。