如何匯出您的設計
1
開啟您的設計
在 Flowstep 中導覽至您要匯出的設計。
2
開啟匯出選單
在工具列或設計面板中找到匯出選項。選擇它以開啟匯出設定。
3
選擇您的格式
根據您的使用案例選擇 JPG 或 PNG（請參閱下面的比較）。
4
下載檔案
確認您的選擇，並將匯出的圖像下載到您的裝置。
JPG 與 PNG：您應該使用哪種格式？
匯出程式碼
除了圖像，Code 按鈕會將畫面匯出為 React + Tailwind 程式碼 — 複製片段，或將完整套件下載為 ZIP。套件是獨立的：設計中使用的圖像（包括您在聊天面板中附加的圖像）包含在public/assets/ 資料夾中，程式碼使用本機路徑參考它們，因此匯出按原樣執行。
下載的檔案 — 圖像和程式碼套件 — 都以它們所屬的畫面名稱命名（如果畫面未命名，則回退到檔案名稱），這使得在處理許多畫面時匯出易於識別。
如果您需要將設計帶入向量編輯工作流程，請直接複製到 Figma。請參閱立即將 Flowstep 設計複製到 Figma。