Ivan's Blog

Figma 布尔型变量事件的一个技巧

当我们在使用 Figma 变量功能的时候,常用的有一个是状态的切换,比如我们设计一个开关,定义了开关的状态属性 truefalse

image.png

image.png

我们在设置开关自身的点击事件时,让自己的状态或是联动其它图层的状态发生变化的时候,以前我的写法是:先判断当前变量是否是 true,如果是则设置为 false,否则设置为 true,设置的时候多了一层判断不说,还很麻烦:

image.png

而其实 Figma 早就考虑到了这点,所以有一个非运算符:not,比如上方的写法就不再使用判断了,而是直接 Set variable 动作执行:

image.png

意思是说,我将「使用背景」这个布尔变量设置为它当前状态的「非」状态,也就是它如果是 true 那么使用 not 后就会设置为 false,这样就提升了效率,在变量很多的时候,就能节约不少时间。

PREV 使用 Bitwarden 统一管理密码
NEXT 使用 Figma 做 PPT