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安裝包
「其他文章」