logo
ProtoPie
好用的精致原型工具

ProtoPie - 好用的精致原型工具

最近在知乎看到不少关于 Figma 的安利贴,又重新勾起了我的好奇心。干脆这次系统的学习一遍,顺便记录学习过程,产出一套接地气,手把手的教程。需要注意的是,由于 Figma 是墙外好物,你的使用水平下限取决于网速和英文水平,一定要心平气和。

本系列教程目前仅在知乎发表,一切搬运行为视作侵权,提前说一句 Thx for behaving yourself。既然开了「教程 | Figma」这个坑,我承诺按时更完,欢迎大家关注。

教程相关

  • Figma 地址:www.figma.com

  • 阅读时长:3分钟

  • 操作时长:12分钟


第一步,注册登录

Figma 的注册功能非常友好,并不需要邮箱验证,你只需要记住自己填写的账号密码即可。

然后 Figma 需要你做一个简单的自我介绍,即如何称呼、职业工种。

欢迎来到 Figma,作为一个万年沉浸 toB 业务的设计师,我称该页面为「项目管理页」。

第二步,熟悉项目管理页

该页面可以划分为三块功能区,右下角的「Help」是一个全局功能,进入设计工作台时也可以使用:

  1. 导航栏:显示当前界面的名称,具备账号管理、消息、导入、新建功能;

  2. 分组栏:这里可以选择设计稿的分组:最近、草稿、回收站、团队;

  3. 陈列栏:这里陈列设计稿,可以对设计稿进行管理,也可以新建设计稿。

第三步,创建设计稿

点击菜单栏的「+」或工作台中的「+ New File」即可完成设计稿的创建,笔者有意把 PNG 做成 GIF 是为了让大家对「网速」更有体感。