Flowstep 與 Figma 是互補的工具，而非競爭對手。Flowstep 協助你快速產生並探索 UI 設計構想；Figma 則是你精修、協作並完成可用於正式環境作品的地方。兩者並用，能發揮各自的最大優勢。
如何將 Flowstep 設計複製到 Figma
1
在 Flowstep 中選取一或多個畫面
點擊畫面即可選取；也可以選取多個畫面，一次全部複製。請確認畫布上的選取範圍已反白顯示。
2
複製選取內容
在 Mac 上按下 **Cmd+**⇧+C，在 Windows 上按下 **Ctrl+**⇧+C。Flowstep 會顯示 “Preparing your design. Stay on the current tab.”（正在準備你的設計，請留在目前的分頁），複製會在片刻後完成。
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 正在限流或回應緩慢，請稍候再重試；若是 Figma Community 範本，請先將其複製到你的團隊，再貼上新連結。