1. 组件库中定义不公开组件

最近团队中在做组件库，部分内容组件化后，就会随着组件库推送出去，但这部分内容其实对于协作者来说并不需要看到，无意中发现通过命名可以设置不公开

将组件名命名为 __/xxx （两个英文下划线，/为路径）或者   .xxx

之后会发现在资源中，生成了一个叫做“Privite to this file”的分组，引用的资源库中就看不到这些内容了

实用指数：🌟🌟🌟🌟🌟

注意：这样处理的内容，是不会发布进入library的，也就是说，后续样式有更新，使用库的设计稿不会更新！

注意：这样处理的内容，是不会发布进入library的，也就是说，后续样式有更新，使用库的设计稿不会更新！

注意：这样处理的内容，是不会发布进入library的，也就是说，后续样式有更新，使用库的设计稿不会更新！

2. 如果既需要同步库，又不需要使用者看到控件

可以在库中找到组件，右键选择‘移出组件库（Remove from library）’

选择后，同样会被放入‘Private to this file’

3. icon封装在组件中，设置颜色等样式后，替换icon资源样式失效问题

a. icon资源均需要转曲并合并图层（自己另建画板保存转曲前icon资源）

b. icon资源层级结构及内容命名保持一致，例如：我这边将icon转曲，并合并图层，统一命名为Union

c. 若icon资源存在嵌套，可以将嵌套资源进行布尔运算

具体操作：(下方动图演示)

· 选择嵌套资源

· cmd/ctrl + D原位复制一份

· 选择两份副本，选择布尔运算 - Union

· 展开得到的Union，删除其中一个副本

这样得到的嵌套资源，在内容层级上和原生资源保持了一致，同时不会干扰动态资源，完美解决资源替换不出问题。

4. 通过颜色混合模式，实现蒙层挖空效果（非Figma独有技巧）

1. 背景图片层：

1.1 将图片内容作为Frame背景；

1.2 为Frame中添加自适应容器宽高的矩形，填充灰色，设置为30%的灰，叠加模式为正片叠底（即70%透明度的黑）

2. 上方叠加图层（挖空区域）：

2.1 填充1-30% = 70%的灰，叠加模式为颜色减淡

应用场景：

用来做类似像截图等场景效果，较布尔运算实现，有更好的可控性：

例中可以实现拖拽screenShot区域，挖空黑色蒙层效果。