Figma

插件：

学习

1. 正常学习

2. 线性图标、填充图标

3. 玻璃拟态/毛玻璃

4. ColorStyle/TextStyle/EffectsStyle/FillStytle

5. prototype 原型图，页面跳转之类的（右侧菜单栏）

   1. page处理

   2. 遮罩处理

      1. 背景透明、遮罩替换

   3. 前进/后退处理

   4. 水平滚动、竖向滚动

   5. smart animate

6. 栅格系统 layout grid

   1. 用栅格辅助设计

7. 响应式

   1. 拖动网页自适应 resize

   2. 右键 组合Frame

      1. left and right ： padding不变，内容缩小

      2. center ： 居中，resize时始终保持中间

8. auto layout

   1. 很厉害

9. 规范效率

   1. 组件命名规范 .如 列表/电话、列表/邮箱 ，这样在组件assets中可以快速显示

   2. 多个类似组件都可以抽取出来，比如多种类型表头

   3. Variants 多状态

      1. 按钮多状态，如颜色、禁用、开关

         1. 开关： value设置成 off/on 会自动显示成开关

      2. properties(视频27分28秒) 状态，可以处理暗黑模式和亮色模式多套

10. 动画/动效软件

11. 配图

    1. 查找网站

       1. 花瓣、Pinterest)、Unsplash、500px、Behance)、淘宝品牌站

常见经验：