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

教程相关

  • Figma 地址:www.figma.com
  • 阅读时长:3分钟
  • 操作时长:12分钟

第一步,注册登录

Figma 的注册功能非常友好,并不需要邮箱验证,你只需要记住自己填写的账号密码即可。
然后 Figma 需要你做一个简单的自我介绍,即如何称呼、职业工种。
欢迎来到 Figma,作为一个万年沉浸 toB 业务的设计师,我称该页面为「项目管理页」。

第二步,熟悉项目管理页

该页面可以划分为三块功能区,右下角的「Help」是一个全局功能,进入设计工作台时也可以使用:
  1. 导航栏:显示当前界面的名称,具备账号管理、消息、导入、新建功能;
  2. 分组栏:这里可以选择设计稿的分组:最近、草稿、回收站、团队;
  3. 陈列栏:这里陈列设计稿,可以对设计稿进行管理,也可以新建设计稿。

第三步,创建设计稿

点击菜单栏的「+」或工作台中的「+ New File」即可完成设计稿的创建,笔者有意把 PNG 做成 GIF 是为了让大家对「网速」更有体感。
欢迎和我讨论 Figma,微信号heiheilaugh。也请关注我的个人项目whose.design - 发现更多设计工具
BorderDesign交流群,加微信号:qawsedr0125 备注交流群
继续阅读
阅读原文