为什么figma蒙版后下面一层变透明了？

当你在Figma里创建了一个蒙版，你可以在右侧属性栏里发现里面多了一个新的选项：Mask

下拉的选项一共有三个：·Alpha（使用透明度）·Vector（使用形状轮廓）·Lumiance（使用亮度）

默认的是Alpha

什么是Alpha呢？简单来说就是一个保留图片透明度信息的通道。

直观的例子：JPG格式的图片不支持透明度，但是PNG可以，因为PNG格式支持Alpha通道。

所以，当你的蒙版图层的填充颜色包含透明度的变化，那么受蒙版影响的图层的透明度也会跟随蒙版层变化。

接下来说Vector（形状）

这个解释起来就很简单了，就是图层只会受到蒙版形状的影响，和颜色无关。可以看到几遍蒙版层是有渐变的，但是上方图层只受到了形状的影响。

最后就是Luminance（亮度）

要讲亮度的话，就绕不开HSL颜色模式了HSL中· H代表色相· S代表饱和度· L代表明度

如果我们把代表明度的L设置为0，则整个蒙版上方的图层都会消失如果我们把代表明度的L设置为100，则上方的图层会正常显示

简单概括的话就是Alpha模式会依据蒙版层的形状和不透明度来影响上方图层Vector模式只能根据形状来影响上方图层Lumiance模式会根据蒙版层的形状和蒙版颜色的明度影响上方图层

如果是想要将方形，圆角矩形，圆形用作蒙版的话，建议使用Frame，要比蒙版来的简单很多。