点击此处返回
未登录用户
每日可免费学习1个教程
007讲设计
关注人数：73
1.深度了解Figma-Figma界面设计进阶01
2.figma中的层级关系-Figma界面设计进阶02
3.熟练掌握frame-Figma界面设计进阶03
4.用frame实战绘制按钮-Figma界面设计进阶04
5.使用frame的常见问题-Figma界面设计进阶05
6.熟练掌握约束-Figma界面设计进阶06
7.figma中的界面适配一-Figma界面设计进阶07
8.figma中的界面适配二-Figma界面设计进阶08
9.figma中的界面适配三-Figma界面设计进阶09
10.figma中的界面适配四-Figma界面设计进阶10
11.figma中的界面适配五-Figma界面设计进阶11
12.figma中的界面适配六-Figma界面设计进阶12
13.为什么要创建样式和组件-Figma界面设计进阶13
14.创建共享样式-Figma界面设计进阶14
15.创建共享组件-Figma界面设计进阶15
16.创建时可能遇到的问题-Figma界面设计进阶16
17.深度讲解组件-Figma界面设计进阶17
18.认识figma中的变体-Figma界面设计进阶18
19.figma中的变体案例上-Figma界面设计进阶19
20.figma中的变体案例下-Figma界面设计进阶20
21.figma中的自动布局-Figma界面设计进阶21
22.figma中的自动布局进阶篇-Figma界面设计进阶22
23.figma知识总结-Figma界面设计进阶23
本套课程主要讲解【Figma进阶系列课程】-【第十九课】-【Figma中的变体案例】-（上），同学们可以在视频下方评论区进行留言，老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.本次课程主要讲解【Figma中的变体案例】-【按钮】，打开【Figma】创建【矩形】-【W80】尺寸尽量为【偶数】-圆角【33】，创建【文本】-【上下居中】对齐，【行高】和【字体】高度一致。
2.框选【取消按钮】-编辑成组【Ctrl+Alt+G】-【复制】一份，矩形【底色】更改为【绿色】，【文本】更改为【确定】-填充【白色】。
3.同步骤【复制】处理第三个【按钮】，框选【按钮】-点击【水平间距均分】，复制三个【按钮】，矩形【底色】调深代表【点击状态】，分别进行【创建组件】。
4.将六个【组件】-【合并为变体】，右侧【属性面板】-双击【重命名】，也可以不【重命名】。
70000+教程，每天免费学一课
打开APP，离线免流量
