ProdFill 使用说明

安装 ProdFill、准备素材页面,并通过教程和示例表格快速开始 Figma 电商设计批量填充。

ProdFill 是一款面向电商设计的 Figma 批量填充插件。它可以按名称插入图片与文本,读取 Excel 数据,并结合 Figma 自动布局快速生成大量主图和详情页。

四个主要功能区

图片、文本、本地图片和高级模式。第一次使用时,请先完成插件安装并准备“素材”页面。

安装 ProdFill

在 Figma Community 搜索 ProdFill,打开插件页面后安装。也可以在 Figma 工具栏的插件搜索中直接查找 ProdFill。

ProdFill 软件安装方式
在 Figma Community 或工具栏中搜索 ProdFill。

打开 ProdFill 插件页

了解工作流程

ProdFill 的基础流程是:准备素材、让素材名与目标图层名匹配、选择填充方式,然后执行批量填充。建议先观看功能介绍,再使用课件文件完成一次练习。

从 0 到 1 实战教程

下面的练习覆盖电商主图、详情页和动态排版。下载对应 Excel 后,可对照视频和 Figma 课件练习。

准备素材页面

在当前 Figma 文件中新建一个名为 素材 或 Assets 的 Page,并把产品图片放在这个页面中。产品货号与素材图层名称匹配时,ProdFill 才能找到并插入正确素材。

在 Figma 中建立素材页面并命名产品图层
推荐按货号准确命名素材图层,并保持名称唯一。

命名很重要

货号、Excel 单元格和 Figma 图层中的空格、大小写及规格文字应保持一致。英文界面教程统一使用 Assets。