原型設計匯入與匯出
Figma 外掛程式匯入
在 Figma 中使用 「Import to Phase」 外掛程式將您的設計匯入 Phase。若您已在 Figma 中設定互動元件，Phase 將自動將其轉換為相應的動作。
動作 (交互) 匯出
未選取任何所需動作時，當您點擊「匯出」按鈕，Phase 將自動將畫面上第一個動作匯出為動畫。
未選取任何所需動作時，當您點擊「匯出」按鈕，Phase 將自動將畫面上第一個動作匯出為動畫。
若要匯出特定動作：
- 選取與所需動作相關聯的元件。
- 點擊閃電圖示，並從動作清單對話框中選取所需動作。
- 點擊「匯出」按鈕。
- 匯入設定視窗將會彈出。
- 按下匯出。該動作將會匯出為動畫。
支援的動畫匯出檔案類型有：
- GIF：GIF 是小型循環動畫的首選，非常適合嵌入網站或在社群媒體上使用。
- MP4：若要匯出高品質影片，MP4 是最佳選擇。
- Lottie (.json)：Lottie JSON 檔案讓我們的動畫保持可編輯性與輕量化。它們非常適合在各種平台和應用程式中實作流暢的動畫。
- dotLottie (.lottie)：DotLottie 檔案將我們的 Lottie 動畫壓縮成單一、獨立的套件，檔案更小 — 非常適合簡化分享和部署。
代碼匯出 (即將推出)
在檢視模式中，我們會將您的設計轉譯為帶有 CSS 和 JS 的 React 元件。您將能夠複製轉譯後的代碼並將其貼到您的代碼庫中，或提供給您的工程師作為參考。
開始你的第一個原型
立即註冊，展開你的Phase設計旅程。