Figma 学习的过程非常的快乐，一半是 Figma 本身，还有一半的快乐应该是草帽老师带来的，学习的过程遇到一个 #好老师 真的太重要了。
Figma 的功能已经算是比较简洁的，操作栏的东西并不是太多，即使如此我一开始自己操作的时候还是非常懵，不知道这是什么那又是什么。
然后我就去 B 站找视频，刚好刷到了草帽老师的临摹视频，全程看得一脸懵逼。
我点开了他的首页，发现他有一期 Figma 的新手入门课程。再让我我发现在另外一个培训机构里开了课，还有一整套入门专栏，我决定看完老师的视频，然后 Figma 的学习过程就这样有了 #好习惯/进度条 ，事情就是这么突然。
1 | 我突然想到，也许我想要做一件事，首先得找到对应的 #进度条 - 这是 #方法论 之一吧，可以没有进度条，但最好有一个 |
越是学习 Figma 越是发现，Figma 的界面搭建思维跟移动端/前端搭建页面非常像。
约束关系与开发中用到的约束布局；组件，组件集跟组件复用，组件实例切换这些就是面向对象编程那套；原型中 smart animate 则可以映射到动画里的 [[Animate#hero]] transitions 那套。
一旦发现了这两个事物之间的联系，视频里的概念跟操作都是手到擒来的。
在后期临摹的过程中我基本是用平时搭建 UI 的思路，先决定如何拆结构，然后想着如何拆分元素，沉淀组件之后再进行复用。即使有些操作用得不是太熟练，但最终也搭建出了还不错的 UI。
我之前一直想着设计自己的应用界面，之前也曾经也学过一段时间的 PS，也跟过一些课程，但都是无疾而终。PS 的入门门槛太高，基本上所有东西我都要从零开始。
而 Figma 很不一样，上手门槛低，很多概念可以用程序化思维去理解，而且 Figma 还有一个杀手锏，超级强大的社区以及强大的插件系统。
整个过程学习下来，真觉得 Figma 就是 UI 界的 Github，大量的开源设计资源，大量提高效率的插件。
对于我这种想要快速搭建属于自己界面的人来说，就是宝藏。
#进度条 走到底了，是今天~
过程中我也临摹了其中一个移动端跟 Web 端页面。
学习过程中获得的经验也让我在工作里提高了效率，帮同事搞了不少设计没时间调整的素材。
我知道了接下来应该要做的事情是在 Dribble 上 #临摹 ，接下来还是进度条。
我想要临摹一个完整的 App，临摹 ProductHunts 的 Habit 页面。
定下来自己的应用结构，然后开始开发，一步一步。