Figma 免费入门视频教程 - 2020年大厂都在用的原型/UI设计工具的保姆级教程

来自B站up主的简单易懂并且欢乐的 Figma 免费入门视频教程,从零开始了解 Figma。

Figma:新晋的设计利器

Figma 是一款近年来推出的基于浏览器的在线设计工具,不仅可以用来完成像 Sketch 那样制作 UI 界面,也能快速制作产品原型,满足产品经理原型设计的需求,最大的特色还是强大的协同工作能力,无需借助其他软件完成从原型设计-视觉设计-代码开发-功能测试等全产品线的协同。

在2020年越来越多的大厂开始从 Sketch 转向 Figma,而 Figma 的优质系统的视频教程很少,今天就为大家分享来自B站up主「像素范」的免费视频教程。

视频教程目录

  1. 界面初试与形状绘制
  2. 图形绘制功能
  3. 色彩及团队协作
  4. 图片填充技巧
  5. 社区申请方法
  6. 字体功能详解

PS:由于作者并没有把 Figma 的系列教程单独摘出来做成专题(可能是因为目前还在更新),而是跟 Sketch 教程放在一起,加上每集标题太长,导致播放体验并不好,上面目录提供了每集视频直达链接,方便观看。

视频教程截图1
视频教程截图1

另外,作者还针对前端开发者,单独做来一集开发需要了解的入门教程,链接在此:超简单超实用的开发专属Figma指南

推荐理由

对于想学习 Figma 的同学来说,目前 Figma 在网上众多的教程都是以文章的方式发布,很难找到系统并且易懂的教程,这套免费的入门视频教程非常适合你。

视频教程截图2
视频教程截图2

而对于很多使用 Sketch 甚至还在使用 Photoshop 来设计界面的同学,可能还在对 Figma 处于观望的态度,还心存顾虑,在国内众多大厂的团队已经开始普及使用的情况下,不妨可以先看看视频了解学习。