此教程为Figma创建蒙版教程。
要想在 figma 中创建一个圆形（或其他形状）蒙版的图片，可按以下操作：
1、
创建目标形状
，可以是圆形、矩形、三角形等；
2、
导入目标图片
，导入方式可将图片文件拖入或外部复制后黏贴到 figma 中；
3、根据上面两步，你分别获得了一个形状图层 + 一个图片图层，然后
选中形状图层，点击上方菜单中的【Use as Mask】蒙版按钮
；
4、点击左侧面板中的图片图层，并
选中图片，拖动图片图层移至图形图层的上方
（此时你的图片可能会消失掉，但放心，图片图层还在，所以不是真的消失了）然后在中间的画板中
移动图片到目标效果
的位置即可；
**注意：**形状图层必须要在图片图片的下层。❤️
加密了吗？ 没有登录？
是的。 打开插件时，房间名称和密钥会随机生成一次并存储在
figma
.root 。 文件中的所有编辑者都可以访问此属性。
figma
. root . setPluginData ( 'roomName' , '' ) ;
使用存储的密钥对所有消息进行加密和解密，然后将其发送到服务器。
这个插件需要一个服务器（ ）。 这是一个简单的websocket服务器。 邮件仅转发而不存储！
最初，我考虑过将消息保存在
figma
文件中的一个元素中，但是在收到新消息时无法通知插件。 插件必须设置一个间隔，每n毫秒请求一次新更新。
待办事项清单/功能清单
设置自定义服务器U
或这个回购。
另外，您可以通过使用该模板作为模板，为自己的github回购
gh repo create "<YOUR>" -p "https://github.com/LukeFinch/
Figma
-Vue3-Template"
如何使用？
安装带有依赖npm i 。
运行npm run dev和文件夹名为dist将被
创建
。
在
FIGMA
桌面应用程序，请单击
创建
新的插
表情包真是个好东西，不仅能表达出文字所不能表达的情感，关键时刻甚至能缓解尴尬。我是一个特别喜欢发表情包的人，但又不喜欢总是发那几个表情，所以偶尔也会自己做几个表情包，来回馈广大网友。以前我基本上都是使用 Photoshop 的帧动画来做表情包，也就是一帧帧地修改图片，最后导出 Gif。比如下面这个表情包，就是我在苹果发布新的 AirPods 时用 Photoshop 做的。熊猫头但是最近，在使用 ...
全世界都在用
Figma
不知道你们有没有这种感觉，仿佛有一天，很突然的，全世界都在使用
figma
,一个软件从无人问津到现在的如日中天，用了不到3年，而现在，它不仅仅是当下的最优生产力工具，在疫情掀起的远程办公的风潮下，它更为我们揭示了未来设计协作的方式。事实正是如此，大批专业设计团队不惜成本尝试由传统设计软件(sketch等)向
Figma
转型，只因他们于此看到了代表未来的生产力工具及协作方...
安装Hero-Patterns插件（安装地址：https://www.
figma
.com/community/plugin/743134103711120154/Hero-Patterns-for-
Figma
）
缺点：生成的是位图，无法再次修改颜色
自己画一条斜线，然后用Pattern Hero这个插件生成斜线阵列，再放到
蒙版
里面
用虚线方式手动制作斜线阴影
画一条横线，增加宽度
设置虚线和间隔
绘制一个封闭区域作为
蒙版
我目前正在构建专用的“文档”页面。 请访问来访问它-虽然还很早，但是希望会提供一些有用的信息。
首次打开插件时，我们会为您提供一组预定义的令牌，这些令牌可以按原样使用，向您显示可能的情况。 您可以通过以下方式删除这些令牌：转到JSON标签，然后点击Clear按钮以删除所有令牌。
创建
令牌
点击要添加令牌的令牌组中的+按钮，
创建
新令牌。
创建
一个新的令牌组
如果您想嵌套令牌，可以这样做。 转到要为其
创建
组的属性的“编辑令牌”对话框，然后单击“ Add a new group按钮。
有两种方法可以将令牌应用于所选内容：
默认行为（单击鼠标左键）
当您左键单击一个令牌时，该令牌将被放置在您的选择中（可以选择多个图层！）。 对于某些标记，我们假定为默认值，例如对于Colors我们假定您要应用Fill 。
指定要应用的内容（右键单击）
你可以右键点击令
UI设计系列——
Figma
基础使用
Figma
下载文档社区（中国）为什么选择
Figma
汉化基本操作
创建
新设计修改项目名使用步骤1.新建画布2.添加页面元素2.1 使用标尺（快捷键shift+R）2.2页面元素属性
蒙版
1.添加页面元素2.复制底层模板3.打组（ctrl + G）4.设置
蒙版
5.放置替换组件中添加头像（插件切换）1.安装插件选择下载使用组件中添加图片（自定义）
Figma
下载
figma
china.com/
https://
figma
china.com/guide/
社区（中国）
