Figma App 時隔1年終於更新了!
theme: juejin
官方更新描述
使用 Figma 應用程式保持您的設計移動。
無論您身在何處,都可以讓您的創作栩栩如生,以方便和身臨其境地觀看。只需輕點幾下即可共享、瀏覽和檢視您的設計。
使用 Figma 應用程式,您現在可以:
- 檢視、瀏覽和共享檔案和原型
- 瀏覽團隊和專案資料夾;最喜歡的檔案可以更快地訪問
- 無需受限於桌面即可播放原型
- 開啟原型中的熱點以便於導航
- 將桌面上選定的Frame映象到您的移動裝置上(原有Mirror的功能了)
- 享受直觀且高效能的使用者體驗(縮放流暢;PC端在編輯、移動時,App上能及時同步(網路要好))
如果不想裝App,也可以直接以移動端網頁形式去訪問,懷疑Figma Mirror可能是APP形式嵌了個網頁。
-
移動端瀏覽Figma專案檔案:Figma
-
實時預覽設計效果 或 瀏覽Prototype:Figma Mirror
使用說明
總體來說新的更新 就是把H5瀏覽檔案做成原生,核心的亮點是應該是移動端上能多人瀏覽原型分享。
實際體驗
【Figma】需要登陸Figma賬號,當一個賬號以新增具體賬號可檢視的形式分享原型,在手機端並沒有訊息接收,導致需要在PC端瀏覽開啟過原型後,才能在Figma APP的“最近”中開啟原型,感覺體驗不夠直接。
【Proto for Figma】無需Figma賬號,僅僅通過分享的原型連結就能體驗(目前僅限iOS)。分享規則需要設定原型為Anyone with the link can view。
原Figma Mirror的預覽實際上應該是Canvas的方式,按100%寬度等比例顯示到手機裝置裡面。
所以在使用實時預覽時,需要注意:
-
設計稿尺寸需和實際裝置解析度匹配
如設計稿以安卓360dp寬度設計,實際預覽的裝置為iPhone (375pt、414pt)系列時,實際上預覽只是把360等比放大到375螢幕,並非實際開發還原。(橫豎屏同理)
體驗過程中的一些問題
- 移動端不能響應鍵盤Keyboard、Hover、Mouse類互動
- AfterDealy 自動觸發的動畫需要Restart一下,才會自動播放
- 預覽只對普通的Frame、AutoLayou-Frame有效,對❖ 母元件Frame無效(也無礙)
- 原型Flows中,命名為中文的Flow,可能會有不顯示的情況,建議使用常規字母、數字、字元等
- 使用背景高斯模糊的樣式效果,卡頓感較為明顯
- 偶爾預覽會有快取,不夠實時
- 部分效果複雜的原型可能會引起App崩潰(iOS)
如何更新?
iOS
可直接到App Store下搜尋Figma更新
Android
由於國內應用市場都被牆了,所以提供apk方便大家安裝
公眾號回覆“Figma1206”即可獲得APK安裝包
「其他文章」