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安裝包