一个很棒的介绍原型

https://www.figma.com/file/VPXICwvguydwyA99agmVnl/Jeason-《Figma一站式设计交付》分享课-Community

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/120c2b13-745e-44ae-bca7-871dd9eeb09e/Untitled.png

figma简单来讲,是"浏览器上的sketch" ,下面简单列举使用了 figma 之后,会带来的不同:

  1. 极大提升团队的协作能力,可以多人同时编辑同一个文档
  2. team library 制作并维护设计系统和跨项目的组件库,并极其舒适的调用,不用坚果云、Dropbox等同步云盘,同时可以归纳设计思考、灵感、资料
  3. 丰富的插件+热更新,无痛安装插件,比 sketch 全面数倍的插件库,辅助提升效率(需主动探索)
  4. 不用在"导出"上花时间,开发直接用链接就可以看到设计标注,切图也不需要单独操作(所有内容开发需要的话可以直接切)
  5. 文档有小调整,无需上传同步,所有人看到的都是实时的最新文档(极大地缓解需求变更带来的生理不适)
  6. 不占用本地空间,不存在一个 sketch 几百 MB 的情况
  7. 占用极少的资源,几百个画板也不会卡顿(sketch 抹泪)
  8. 永远可以看到所有文档的绘画过程,产品也用 figma 的话,可以看到产品思路成型的过程;设计可以提前看到交互稿,提前理解需求甚至提前输出设计文档,文案图形等等都可以直接复制粘贴;设计稿也可以随时评审,随时交流提升各个环节的效率(主观能动性可以更好的释放)并让方案更加出色
  9. 极强的autolayout功能,,UI 元素之间的距离、顺序等可以快捷编辑,出图效率、改图效率几何上升(有一定学习成本)
  10. 上下游随时评论,并且可以整合在飞书、钉钉等 IM 工具上,有评论直接在飞书私信产生会话(效率更高)
  11. 极强的 Prototype 功能,几下点击就生成可交互 demo,同时通过 smart animation 可以制作很高质量的 demo (有一定学习成本) ,并且所有人可以随时在手机、电脑上操作感受
  12. 拆分的样式定义,避免sketch那样颜色、字号等有无数的样式需要维护(有一定习惯成本)
  13. 文档演示功能,其他人可以跟隨你的视角,比投屏体验更好
  14. 所有历史文档、所有人的文件都可以查看、使用、维护,感受 app 一点点改变的心路历程(各种文档随意 Cmd+C/V 效率提升、沟通成本降低)