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