最近在知乎看到不少关于 Figma 的安利贴,又重新勾起了我的好奇心。干脆这次系统的学习一遍,顺便记录学习过程,产出一套接地气,手把手的教程。需要注意的是,由于 Figma 是墙外好物,你的使用水平下限取决于网速和英文水平,一定要心平气和。
教程相关
Figma 地址:www.figma.com
阅读时长:3分钟
操作时长:12分钟
第一步,注册登录
Figma 的注册功能非常友好,并不需要邮箱验证,你只需要记住自己填写的账号密码即可。
然后 Figma 需要你做一个简单的自我介绍,即如何称呼、职业工种。
欢迎来到 Figma,作为一个万年沉浸 toB 业务的设计师,我称该页面为「项目管理页」。
第二步,熟悉项目管理页
该页面可以划分为三块功能区,右下角的「Help」是一个全局功能,进入设计工作台时也可以使用:
导航栏:显示当前界面的名称,具备账号管理、消息、导入、新建功能;
分组栏:这里可以选择设计稿的分组:最近、草稿、回收站、团队;
陈列栏:这里陈列设计稿,可以对设计稿进行管理,也可以新建设计稿。
第三步,创建设计稿
点击菜单栏的「+」或工作台中的「+ New File」即可完成设计稿的创建,笔者有意把 PNG 做成 GIF 是为了让大家对「网速」更有体感。