Flowstep 和 Figma 是互補的工具，不是競爭對手。Flowstep 幫助你快速生成和探索 UI 設計概念；Figma 是你精細化、協作和構建生產級別工作的地方。同時使用兩者可以發揮最大優勢。
如何將 Flowstep 設計複製到 Figma
1
在 Flowstep 中選擇一個或多個畫面
點擊畫面選擇它 — 或選擇多個畫面可一次複製全部。確保選擇在畫布上醒目顯示。
2
複製選擇
在 Mac 上按 **Cmd+**⇧+C，或在 Windows 上按 **Ctrl+**⇧+C。Flowstep 會顯示「正在準備你的設計 — 請保持此標籤頁聚焦，並保持畫面被選擇」；複製需要片刻才能完成。
3
貼到你的 Figma 檔案
切換到 Figma 並開啟要放置設計的檔案。在 Mac 上按 Cmd+V，或在 Windows 上按 Ctrl+V 貼上。Flowstep 畫面會出現在你的 Figma 畫布上，準備編輯。
複製到 Figma 使用你的瀏覽器剪貼板，所以瀏覽器必須允許 Flowstep 剪貼板訪問權 — 如果看到權限錯誤，請在瀏覽器設定中允許剪貼板訪問權，然後重試。在複製期間切換標籤頁會中斷傳輸；請保持 Flowstep 標籤頁聚焦，直到複製完成。
從 Figma 匯入設計
你也可以反向進行，將 Figma 畫面帶入 Flowstep 作為可編輯的畫面。匯入對所有人開放 — 連接一次 Figma 帳戶，然後從畫面連結匯入。1
連接 Figma
從你的設定中將 Figma 帳戶連接到 Flowstep。Flowstep 使用 Figma 的授權來讀取你有訪問權的檔案。
2
在 Figma 中複製畫面連結
在 Figma 中，右鍵點擊要匯入的畫面，然後選擇 Copy link to selection。你也可以複製整個頁面的連結，一次匯入該頁面上的所有頂級畫面。
3
匯入到 Flowstep
使用 Flowstep 工具列中的 Figma 匯入選項，貼上連結。Flowstep 將畫面轉換為畫布上的可編輯元素。重新匯入同一個畫面會就地更新它。
匯入什麼內容
Flowstep 將 Figma 畫面重新建立為原生、可編輯的元素 — 不是平坦的影像。匯入帶來以下內容：- 畫面及其巢狀圖層
- 文字，包括每個字元的樣式，例如粗細、顏色和加粗
- 來自你 Figma 變數的顏色
- 影像填充和 SVG 圖示與形狀
- 投影、內陰影、圖層和背景模糊
- 虛線和點線筆畫
檔案的組織必須已連接 Figma。如果畫面無法匯入，Flowstep 會顯示一則指導訊息，告訴你接下來該做什麼 — 例如，如果你的授權已過期請重新連接 Figma，如果 Figma 速率限制或回應緩慢請等待並重試，或者對於社區範本，先將其複製到你的團隊，然後貼上新的連結。