在Figma中把图片放进圆形、圆角矩形或其他形状，常用两种方法：给形状设置图片填充，或使用蒙版（Mask）。单个头像、封面通常适合图片填充；需要同时遮罩多个对象，或独立移动图片和遮罩时，可以选择蒙版。
下面以头像和形状配图为例，分别说明两种做法。示例图为早期界面，操作时按Fill、Image和Use as mask这些功能名称查找即可。
方法一：给形状添加图片填充
- 创建一个圆形、矩形或其他目标形状，并选中它。
- 在右侧找到Fill，打开填充色块，将填充类型切换为Image，通过图片选择入口添加本地图片。
- 检查图片在形状内的显示效果，根据需要选择Fill、Fit、Crop或Tile。
- 调整形状大小后再检查一次，确认主体没有被裁掉，边缘或圆角符合预期。
Fill会铺满形状，宽高比不同时可能裁掉部分图片；Fit保留整张图片，但可能留出空白；Crop允许调整裁切范围与图片位置；Tile重复铺排图片，适合纹理。把人像用于圆形头像时，先用Fill或Crop检查脸部位置；展示完整Logo时，通常应先检查Fit的效果。
方法二：用蒙版控制可见范围
- 把图片与作为蒙版的形状放在同一层级，在图层顺序中让蒙版形状位于图片下方。
- 选中形状和需要遮罩的图片，执行Use as mask。若找不到入口，可在操作菜单中查找这一名称。
- 检查生成的蒙版组：蒙版负责限定范围，被遮罩的对象处于它上方。分组、另一层蒙版或父级裁切也会影响结果。
- 需要改变构图时，选中组内图片再移动或缩放；需要改变边界时，选中蒙版形状修改。不要误把整个组一起拖动。
蒙版控制的是可见范围，并不是把图片永久裁掉，也不等同于布尔运算。需要复用同一张图片的不同构图时，先保留原始资源，再在不同对象上设置填充或蒙版。
图片没有按预期显示，如何排查？
- 图片铺满了，但人物被裁掉：这通常与Fill和容器比例有关。改用Crop调整主体位置，或用Fit检查完整图片。
- 形状内出现空白：先检查是否选择Fit，再核对图片本身是否含透明边缘。
- 蒙版没有遮住图片：检查形状是否位于被遮罩对象下方、是否在同一组内，以及中间是否存在其他蒙版或父级裁切。
- 图片看起来模糊：核对原图像素尺寸和实际显示尺寸。放大低分辨率图片不会增加真实细节。
- 选不到组内图片：在图层列表展开蒙版组，直接选中对应图片，确认没有锁定再修改。
交付前检查与进一步学习
完成后，在目标显示尺寸检查主体位置、圆角、透明边缘与清晰度，并导出一次预览确认结果。如果目标是把资源交给研发，可继续阅读Figma标注与切图导出教程。
用Pixso制作图片卡片，接着完成协作与交付
如果想在中文界面中制作头像、卡片和页面配图，可以试试Pixso。它提供形状、蒙版、组件和自动布局功能，适合把一组图片与标题整理成可重复使用的卡片，再邀请同事围绕同一份设计稿评论。
可以从“头像＋姓名＋说明”这一张小卡片开始：先确定图片的可见范围，再安排文字与间距，最后复制几个不同内容的版本，检查长名称和不同构图的效果。需要沿用现有设计时，也可以先将Figma的.fig副本导入Pixso，再继续调整。
打开Pixso，制作你的第一张图片卡片；更多形状、蒙版和组件能力可查看Pixso UI设计功能。
参考资料：添加图片、调整图片填充、蒙版。
