一图胜千言,技不压身,最近准备学习 Figma,并把学习进度同步到自己的博客上,这个主题会一直更新。
目的
以前的原型图,大家喜欢用 sketch,现在基本上用 Figma 来画原型图,我学习的目的是可以用 Figma 来画原型图。
学习方法
第一步,搞清楚概念性的东西,就像学一门语言一样,把基础语法搞明白,比如 有哪些类型,是否面向对象,也就是概念入门,对应于 Figma,也就是一些概念性的东西的,如 Fram、Group、Compent 之类的。
第二步,搞明白这些基础概念之后,就可以动手去实践了。
第三步,开始画一些简单的原型,我相信任何复杂的原型,都是要以拆分的。
学习资源
- 找官网的资料,官网的资料不像 Golang、php、之类的有结构和齐全,不过也有一些资料可以看。 Figma 学习路径 – 基础介绍,中文教程 – Figma 中文社区
- 找一些视频资料,Figma 是一个软件,怎么使用看视频是最直接的,这里推荐 像素范的个人空间哔哩哔哩_bilibili 草帽sMao的个人空间哔哩哔哩_bilibili
- 国外的一些资料 UI Design with Figma – Tutorial (freecodecamp.org)
- 动手作一个项目 Figma 101: Design an app screen | Designlab