Figma入门-组件变体复习
Figma入门-组件变体复习
前言
在之前的工作中，大家的原型图都是使用 Axure 制作的，印象中 Figma 一直是个专业设计软件。
最近，很多产品朋友告诉我，很多原型图都开始用Figma制作了，并且很多组件都是内置的，对各种原型图的制作极其友好，只需熟悉一下基本的操作即可上手。
所以我打算一探究竟，听说的终究是听说，自己上上手才是真的。
所以接下来的文章我打算记录从0开始上手 Figma 的过程。
本系列直接从实操开始，有所错漏或者操作错误，还请大家指正。
如果有更高效的使用方式，也欢迎交流。
之前的组件变体文章内容太多太杂，没有把组件变体本身的创建和使用表达清楚。
本篇我们来复习一下组件变体以及其使用方式。
单属性变体
我们这次以一个常用的简单的提示语为例，
首先创建一个普通提示语
创建组件
添加变体
接下来就可以在画框的底部添加变体了
修改变体的属性值名和属性值 key，value
使用时将组件复制拖出来即可，组件的实例会随着组件本身进行变化
多属性组件
添加组件属性，注意格式为 key=value,key=value
把之前的单属性组件复制一个，并把加粗设置为 False。
把所有 加粗=False 的变体补齐
使用时，把变体复制出来，此时我们能够看到这个变体有两个属性，一个是类型、一个是加粗。
修改这两个属性，组件的实例会相应的变化。
总结
本篇文章我们补上了组件变体的基本创建形式和使用方式，对组件变体的使用进行了一次简单的复习。
– 欢迎点赞、关注、转发、收藏【我码玄黄】，各大平台同名。