ProdFill Docs 简体中文

ProdFill User Guide

Install ProdFill, prepare an Assets page, and learn the essential Figma ecommerce automation workflow.

ProdFill is a Figma plugin for automating repetitive ecommerce design work. It fills images and text by name, imports Excel data, and works with Figma Auto Layout to produce large batches of product images and detail pages.

Four core workflows

Images, Text, Local Images, and Advanced. Install the plugin and prepare an Assets page before running your first fill.

Install ProdFill

Search for ProdFill in Figma Community and install it from the plugin page. You can also find ProdFill from the plugin search in the Figma toolbar.

Ways to install the ProdFill Figma plugin
The current illustration contains Chinese labels; the installation paths are the same in the English Figma interface.

Open ProdFill in Figma

Understand the workflow

The basic workflow is simple: prepare your assets, match asset names to target layer names, choose a fill mode, and run the batch. Start with the overview, then practice with one of the Figma and Excel examples below.

Product overviewWatch the introductory video Overview projectOpen the source file in Figma Community

End-to-end practice projects

These projects cover product listing images, long-form product detail layouts, and dynamic layout rules. Download the matching spreadsheet and follow along with the Figma source file.

Prepare the Assets page

Create a page named Assets in the current Figma file and place your product images on it. ProdFill finds an asset when its layer name matches the product identifier in your input.

Creating an Assets page and naming product layers in Figma
Name asset layers with exact, unique product identifiers.

Exact names matter

Keep spaces, capitalization, specifications, and punctuation consistent across your Excel cells, asset layers, and target layers.