Figma App 時隔1年終於更新了!

語言: CN / TW / HK

theme: juejin

官方更新描述

使用 Figma 應用程序保持您的設計移動。

無論您身在何處,都可以讓您的創作栩栩如生,以方便和身臨其境地觀看。只需輕點幾下即可共享、瀏覽和查看您的設計。

使用 Figma 應用程序,您現在可以:

  • 查看、瀏覽和共享文件和原型
  • 瀏覽團隊和項目文件夾;最喜歡的文件可以更快地訪問
  • 無需受限於桌面即可播放原型
  • 打開原型中的熱點以便於導航
  • 將桌面上選定的Frame鏡像到您的移動設備上(原有Mirror的功能了)
  • 享受直觀且高性能的用户體驗(縮放流暢;PC端在編輯、移動時,App上能及時同步(網絡要好))

Figma AppStore

如果不想裝App,也可以直接以移動端網頁形式去訪問,懷疑Figma Mirror可能是APP形式嵌了個網頁。

使用説明

總體來説新的更新 就是把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更新

Figma on the AppStore2

Android

由於國內應用市場都被牆了,所以提供apk方便大家安裝

公眾號.png

公眾號回覆“Figma1206”即可獲得APK安裝包