簡介

ProtoPie支持從macOS上的Sketch以及macOS或Windows上的Adobe XD CC和Figma通過幾次點擊就能導入設計素材。

用戶手冊

打開要導入的Sketch、 Adobe XD或Figma文件,并打開ProtoPie Studio,然后從ProtoPie的文件菜單中選擇“導入...”。

sketch import

Sketch導入

ProtoPie提供了多種在macOS上將Sketch創建的文件導入進來的方法。您可以根據需要來自定義導入的方式,例如根據工作流程的差異您可以從Sketch文件中導入所有圖層,也可以只導入已設為“可導出”的圖層。再導入時,可以自動同步在Sketch除圖層位置和尺寸之外的其它變更。

畫板
在Sketch中選擇要導入的畫板
導入大小
設置圖層的導入比例。此項可以根據Sketch中所選擇的畫板的尺寸來變更。
所有圖層
畫板中的所有圖層均會被導入到文件夾結構中
可導出圖層
僅當圖層被設置為“可導出”時才會被導入
更新圖層坐標和大小
當從Sketch重導入畫板時覆蓋圖層位置值
更新圖層大小
當從Sketch重導入畫板時覆蓋圖層尺寸值
同步圖層排序和層級
當從Sketch重導入畫板時更新圖層順序和分組
刪除已在Sketch中刪除的圖層
當從Sketch重導入畫板時移除Sketch中已刪除的圖層

Adobe XD CC導入

ProtoPie提供了多種在macOS和Windows上將 Adobe XD中的設計文件導入進來的方法。您可以根據需要來自定義導入的方式,如導入所有圖層或只導入在Adobe XD中標記為可導出的圖層。點擊此處了解關于如何在Adobe XD中標記導出的更多知識。您可以在Adobe XD中變更您的設計并重新導入到ProtoPie中,這意味著您可以在Adobe XD和ProtoPie之間來回切換以確保實現設計和原型構建工作流程上的無縫銜接。

畫板
在Adobe XD中選擇要導入的畫板
導入尺寸
設置圖層的放大系數。此項可以根據Adobe XD中所選擇的畫板的尺寸來變更。
所有圖層
畫板中的所有圖層均會被導入到文件夾結構中
僅批量導入選中圖層
只有在Adobe XD中被標記為“批量導出標注”的圖層才會被導入
更新圖層坐標和大小
當從Adobe XD重導入畫板時覆蓋圖層位置值
更新圖層大小
當從Adobe XD重導入畫板時覆蓋圖層尺寸值
同步圖層排序和層級
當從Adobe XD重導入畫板時更新圖層順序和分組
刪除已在Adobe XD CC中刪除的圖層
當從Adobe XD重導入畫板時移除Adobe XD中已刪除的圖層

Figma導入

ProtoPie提供了多種在macOS和Windows上將 Figma 創建的文件導入進來的方法。您可以根據需要來自定義導入的方式,如導入所有圖層或只導入在Figma中標記為可導出的圖層。點擊此處了解關于如何在Figma 中標記導出的更多知識。您可以在Figma 中變更您的設計并重新導入到ProtoPie中,這意味著您可以在Figma 和ProtoPie之間來回切換以確保實現設計和原型構建工作流程上的無縫銜接。

畫板
在Figma 中選擇要導入的Frame
導入尺寸
設置圖層的放大系數。此項可以根據Figma中所選擇的Frame的尺寸來變更。
所有圖層
Frame中的所有圖層均會被導入到文件夾結構中
僅批量導入選中圖層
只有在Figma 中被標記為“導出”的圖層才會被導入
更新圖層坐標和大小
當從Figma 重導入frame時覆蓋圖層位置值
更新圖層大小
當從Figma 重導入frame時覆蓋圖層尺寸值
同步圖層排序和層級
當從Figma 重導入frame時更新圖層順序和分組
刪除已在Adobe XD CC中刪除的圖層
當從Figma 重導入frame時移除Figma 中已刪除的圖層

FAQ

  • 為什么從Figma導入設計文件時要花費很長時間?

    Figma是一個在線設計工具,這給ProtoPie與Figma的集成上帶來了一系列挑戰。因此,從Figma中將一個畫板導入到ProtoPie,要比從Sketch或Adobe XD中導入花費更長的時間。而引起這一問題的原因之一就是網絡延遲,導入速度取決于您所在的地區與Figma的服務器之間的距離以及您的網絡情況。

    請確保您的網速夠快、帶寬夠大,以便可以得到最佳性能。此外我們也會與Figma一起不遺余力地繼續優化集成問題。

  • 為什么從Figma導入時有些圖層導入不正確?

    由于Figma應用程序編程接口(API)的技術限制,當一個畫板中包含了文本圖層,蒙板圖層或傾斜圖層(rotated layer)時,導入后顯示效果有可能不一致。遇到此問題時,您可以按以下步驟操作來解決:

    1. 在Figma打開要導入的畫板,添加一個Frame,這個Frame要大到可以擋住所有畫板上的所有要導入的圖層,包括圖層的陰影和模糊效果部分。
    2. 將所有要導入圖層放到該Frame里面
    3. 將Frame設置為可導出狀態。
    4. 進入ProtoPie,選擇Figma導入,導入選項那里請選擇“僅標記為"導出"的圖層”。
    5. 導入后,Frame在ProtoPie中就變成了一個圖層,您可以根據需要刪除或保留。
    6. This frame that you just re-imported will appear as one layer in ProtoPie.
    如果以上方法仍不能解決問題,則問題可能是由于Figma的API引起的技術限制。我們建議您直接咨詢Figma

其他相關菜單

最近使用

設置面板默認顯示最后一次導入時的設定。

再導入最近使用

按照最后一次導入時的設置立即重新導入。

TOP
哪个软件上能炒白银