• 教程
  • 插件推荐

Figma 批量填充图片怎么做:一次置入多张、换图不丢裁切

PlugMate 觅件

Figma 批量填图不用一张张拖:Shift+Cmd/Ctrl+K 一次选多张,依次点进画好的形状即可替换填充;换图拖到 Fill 色块会保留裁切。手上没图或图在表格里,再用 Unsplash、Google Sheets Sync 等插件。

「Figma 怎么批量导入图片」「列表里 20 个头像怎么一次填完」「商品卡片的图怎么批量替换」——很多人的做法是一张张拖进来,再一张张调大小、对位置。其实 Figma 自带的 Place image/video 本来就是给批量填图准备的;真正需要插件的,是「手头没图」或「图在表格里」这两种情况。

先说结论:

  • 手上已经有一批图:用自带的 Place image/video(Mac:Shift Command K;Windows:Shift Ctrl K)一次选多张,再一个个点到已经画好的形状上,图会直接变成那个形状的填充。
  • 同一张图要用在好几个图层上:复制填充属性再粘贴,不用重复上传。
  • 想换图但保留裁切和位置:把新文件拖到 Fill 色块上替换,原来的填充模式和裁切会保留。
  • 手上没图,要占位的真实照片或头像:再用 Unsplash、Lorem Ipsum、UI Faces 这类插件。
  • 图片链接在表格里,要按数据批量填:用 Google Sheets Sync 或 Contento 这类能按图层名对应数据的插件。

自带步骤来自 Figma 官方帮助:Add images and videos to designs、Adjust the properties of an image、Crop an image、Copy and paste properties between layers。插件部分只写觅件详情里能核对的信息,没有在你的文件里代跑过界面;打开后跟说明不一致,以你看到的为准。

先理解一件事:Figma 里的图片是「填充」

官方帮助写得很清楚:Figma 没有单独的「图片图层」,图片和视频都是填充(fill)。直接把图拖到画布上,Figma 会建一个矩形,把图设成它的填充;你也可以把图填进任何图层——形状、Frame、文字、矢量都行。

这件事决定了批量填图的思路:先把形状摆好(头像圆、卡片封面矩形),再把图「倒」进去,而不是先导图再一张张裁。

几条官方写明的限制,先心里有数:

  • 权限:需要文件的 编辑权限 才能上传图片和视频。
  • 格式:图片支持 JPG、PNG、HEIC、WebP、GIF(TIFF 只在 Safari 里支持);视频支持 MP4、MOV、WebM,视频只有付费计划能用。
  • SVG 不算图片:导入后会转成可编辑的矢量图层,不会变成填充。
  • 尺寸上限:超过 4096 × 4096 像素的图,Figma 会按比例缩到最长边不超过 4096,部分文件元数据可能丢失。

1. Figma 自带:Place image/video 一次放一批

官方步骤:

  1. 在工具栏的 Shape tools 菜单里选 Image/video,或按快捷键:
    • Mac:Shift Command K
    • Windows:Shift Ctrl K
  2. 在文件选择窗口里选中要上传的多张图片(或视频),点 Open。光标旁会出现一个数字角标,表示还有几张没放。
  3. 接下来三选一:
    • 点画布空白处:按原始尺寸新建一个图层放这张图。
    • 点一个已有的图层:用这张图替换它的填充。
    • 点 Place all:把所有图一次放到画布同一个位置。
  4. 重复第 3 步放剩下的图。不想放了,按键盘 Delete 丢掉剩余的。

批量填头像、商品图的稳妥做法(不是官方步骤,是顺手的用法):

  • 先把列表或卡片做好,头像圆、封面矩形都画好、尺寸定好,再按 Shift Command K 选图,依次点每个形状。这样每张图直接落进对应位置,不用再调大小。
  • 文件名提前按顺序排好(01、02、03……),在文件选择窗口里更容易一次选对一批。
  • 一批图里有不想要的,放到最后按 Delete 丢掉,不用重新选。

2. 图填进去后不对劲:先改填充模式

图和形状比例不一样时,会出现被裁掉一块或留白。官方说明图片填充有四种模式,选中图层后点右侧 Fill 区的色块打开取色器即可切换:

  • Fill:缩放并定位图片,铺满整个图层;比例不一致时会裁掉一部分。适合头像、卡片封面。
  • Fit:保证整张图都可见,比例不一致时会留白。适合 Logo、商品图这类不能被裁的图。
  • Crop:自己调图片的可见边界,非破坏性,被裁的部分还在。
  • Tile:把原图平铺成图案,可以按原图尺寸的百分比调大小。

想手动调某一张的取景,官方给了几种进入裁切的方式:双击图片图层、点右侧 Image 区的 Crop image,或把填充模式切到 Crop;调好后点画布任意处或按 Enter 应用。

官方还写明:Figma 会在你缩放、改动图层时保留填充模式设置。所以一组卡片先统一设成 Fill,之后改卡片尺寸,图会跟着正确铺满。

3. 换图但保留裁切:拖到 Fill 色块上

已经调好裁切和位置的图,要换成另一张时,不用删掉重来。官方写明替换图片填充会保留原来的填充模式设置,包括裁切和位置,有两种方式:

  • 把新文件拖到右侧 Fill 或 Stroke 区的色块上。
  • 打开取色器,把新文件拖到图片预览上。

另外,取色器里还能直接上传:选中图层 → 点 Fill 区色块 → 填充类型选 Image → 点 Upload from computer;有 Figma AI 权限时也可以点 Make an image 用 AI 生成。

4. 同一张图用在多个图层上:复制填充属性

比如十张卡片都先用同一张占位图,或者几个不同形状要用同一张头像,不用重复上传。官方给了两种方法。

只复制填充(推荐):

  1. 选中已有图片的图层。
  2. 在右侧边栏点一下 Fill 属性,让它高亮。
  3. 按 Command C(Mac)/ Ctrl C(Windows)复制。
  4. 选中另一个图层,按 Command V / Ctrl V 粘贴。

**复制全部属性:**右键图层 → Copy/Paste as → Copy properties,再到目标图层右键 → Copy/Paste as → Paste properties。快捷键:

  • Mac:复制 Option Command C,粘贴 Option Command V
  • Windows:复制 Ctrl Alt C,粘贴 Ctrl Alt V

边界:Paste properties 会把描边、效果等所有支持的属性一起贴过去。只想换图时,用上面的「只复制填充」更安全。

5. 什么时候才需要插件

自带已经覆盖:一次导入多张、填进已有形状、统一填充模式、保留裁切换图、一张图复用到多个图层。下面几种情况才值得装插件:

  • 手上没图,只是要给原型、评审稿填上像样的照片或头像。
  • 同一组图要反复用,想存成自己的图库,每次随机或按顺序填。
  • 图片链接在表格里,想按数据一行行填进卡片。

觅件插件库「📝 数据填充」分类目前收录 12 款插件,全部标为免费,其中 6 款写明能往图层里填图片或头像(下面都会讲到);「🖼 图片」分类另有 21 款,多数是压缩、调色、去背景这类处理图片的工具,不负责批量填充。数据来自觅件插件库(2026-10-16)。

下面的介绍来自觅件插件详情。标免费的,安装时若提示与「免费」不符(比如次数限制、需要账号),以安装时提示为准。不编未核对的按钮名。

手上没图:找占位照片和头像

Unsplash丨图片填充

作者 Unsplash。觅件标免费。

详情写明:在 Figma 里直接搜索 Unsplash 图片并插入当前设计稿;Unsplash 免费图片可按其许可用于个人和商业项目;Unsplash+ 用户可以连接账号,用无水印的高分辨率图片。

适合:网页、App、营销页需要真实摄影图打底。

Lorem Ipsum丨数据填充

作者 divRIOTS。觅件标免费。

详情写明:能从 Unsplash 搜索图片并填充到任意形状或填充上;还能生成用户、公司等假数据,同时给文字和图片图层填模拟数据。

适合:一张卡片里既有头像又有姓名、简介,想一起填。中文文案建议看 Figma 中文填充,英文假数据放进中文界面会很违和。

UI Faces – Free AI avatars丨头像填充

作者 Aleksandar Tasevski。觅件标免费。

详情写明:提供免费的 AI 生成头像,素材库持续更新,均为高分辨率图片,适合用户资料、列表、评论区和产品 Mockup。

适合:用户列表、评论区这种一屏要几十个头像的原型。

同一组图反复用:建自己的图库

Contento丨数据填充

作者 Bahtiyar Ahmidi。觅件标免费。

详情写明:可以用 Unsplash 或外部图片 URL 建图库;图库支持自动匹配图层尺寸,可设置随机或顺序填充;只选父级图层,就能按子图层名称给内部不同图层填对应内容。

适合:电商列表、Dashboard 这类每次都要换一批图的界面。

Content Reel丨自动填充

作者 Microsoft。觅件标免费。

详情写明:可以上传 PNG、JPEG 建自定义图片库,设为 Public 或 Private;能把图片批量填充到多个图片图层或 Frame 中;内容库可以和其他 Figma 用户共享。

适合:团队要统一用一套产品图、示例图,不想每人各找各的。

图在表格里:按数据填

Google Sheets Sync丨谷歌表格同步

作者 Dave Williames。觅件标免费。

详情写明:按规则给 Figma 图层命名(#字段名),再粘贴 Google Sheets 的共享链接,就能把表格里的文字和图片批量填进设计稿;图片通过单元格里的图片 URL 填充,支持 .jpg、.png、.gif 等链接;表格文件要能通过共享链接访问。

适合:运营活动页、商品卡片这种「数据已经在表格里」的情况。

边界:需要你能正常打开 Google Sheets,且图片要有可访问的 URL;本地电脑里的图片文件不能直接这样填。

别跟这几件事混了

在觅件里怎么找

到 觅件 搜「图片填充」「头像」「数据填充」,或从「📝 数据填充」分类进去。先看中文介绍和是否付费,再决定要不要装。会员可翻页与无限搜索;定价见 定价页(永久 ¥69.9,或按月 ¥19.9,付一次用 30 天,不自动扣款)。

也可以用 AI 连觅件 MCP,用中文说「帮我找能按表格批量填图片的 Figma 插件」。步骤见 MCP 教程。用中文找插件的思路,见 用中文找 Figma 插件。

常见问题

Figma 能一次导入多张图片吗? 能。按 Shift Command K(Windows:Shift Ctrl K),在文件选择窗口里多选,再依次点到画布或已有图层上;也可以点 Place all 一次全放到同一个位置。

怎么把图片直接填进画好的圆形或矩形里? 用 Place image/video 选图后,点那个已有图层,图会替换它的填充。图片在 Figma 里本来就是填充,任何形状都能装。

图片填进去被裁掉了一块怎么办? 打开 Fill 区色块,把填充模式从 Fill 改成 Fit 就能看到整张图;想自己挑取景,双击图层进入裁切。

换图时怎么保留之前调好的裁切? 把新文件拖到右侧 Fill 区的色块上。官方写明替换会保留填充模式、裁切和位置。

为什么我的图变小了、或者有点糊? 超过 4096 × 4096 像素的图,Figma 上传时会按比例缩到最长边 4096 以内。

SVG 为什么不能当图片填进去? Figma 会把 SVG 转成可编辑的矢量图层,不算图片填充。需要当填充用时,先把它导成 PNG。

这些插件会装进当前文件吗? 不会。觅件是发现工具,点详情后再到社区页由你自己安装。


  • 客服邮箱 hello@zhanghe.dev
  • 微信客服

接着看

返回博客