Back to Plugins
批量组件填充 Batch Component Fill

批量组件填充 Batch Component Fill

Easily batch-fill Figma components with custom data.

figma pluginbulk fillcomponent fillcomponent datadesign toolsauto-layoutbulk editingexcel to figmatext layerbatch fill

Plugin Preview

批量组件填充 Batch Component Fill preview

About this plugin

Introduction

Batch Component Fill is a highly efficient and user-friendly Figma plugin designed for designers and teams who need to quickly batch-fill component content. It supports data pasting from Excel, auto-layout frames, and highly customizable workflows.


Function Description

  1. Batch Component Fill: Fill text boxes of multiple components at once.
  2. Excel Data Paste: Copy data directly from Excel and paste it into the plugin. The plugin will parse the table and generate corresponding content automatically.
  3. Auto-Layout Support: Generated content is wrapped in an auto-layout frame with adjustable spacing.
  4. Progress Feedback: Provides real-time progress feedback during the filling process.
  5. Text Layer Conflict Detection: If there are conflicting text layer names in the component, the plugin will flag and notify the user.


Usage

  1. Open the plugin "Batch Component Fill" in Figma.
  2. Select a component or instance with text layers.
  3. Paste table data (supports copying from Excel directly into the plugin).
  4. Click "Generate Content" to automatically generate component instances wrapped in an auto-layout frame based on the data.
  5. After generation, you can manually adjust the results if needed.


Notes

  1. Component Selection Requirement: Ensure a component or instance with text layers is selected.
  2. Unique Text Layer Names: Ensure all text layer names in the component are unique to avoid data conflicts.
  3. Excel Data Format: Make sure table data is properly formatted, with each cell corresponding to a text layer in the component.
  4. Auto-Layout Limitations: Generated content is automatically arranged in a vertically oriented auto-layout frame with a default spacing of 50px, which can be adjusted manually.


介绍

批量组件填充插件(Batch Component Fill)是一款高效实用的 Figma 插件,专为需要快速批量填充组件内容的设计师和团队设计。支持从 Excel 表格粘贴数据,快速生成带有自动布局的内容,并支持高度自定义。


功能说明

  1. 批量填充组件内容:支持一次性填充多个组件的文本框内容。
  2. Excel 数据粘贴:直接从 Excel 中复制数据,并粘贴到插件中,自动解析表格数据并生成对应内容。
  3. 自动布局支持:生成的内容自动包裹在自动布局的框架中,间距可自动调整。
  4. 进度条反馈:在填充内容时提供实时进度反馈,提升用户体验。
  5. 文本框冲突检测:如果组件中存在命名冲突的文本框,插件会标记并提示用户修正。


使用方法

  1. 在 Figma 中打开插件【批量组件填充】。
  2. 选中一个包含文本框的组件或实例。
  3. 粘贴表格数据(支持从 Excel 复制并粘贴到插件)。
  4. 点击【生成内容】,插件会自动根据数据生成组件实例,并包裹在自动布局框架中。
  5. 组件生成后,可手动调整生成结果。


注意事项

  1. 组件选中要求:请确保选中一个包含文本框的组件或实例。
  2. 文本框命名唯一:确保组件中所有文本框命名唯一,避免生成过程中数据冲突。
  3. Excel 数据格式:确保表格数据按行列分割,每个单元格内容对应组件中的一个文本框。
  4. 自动布局限制:生成的内容会自动排列在一个垂直方向的自动布局框架中,间距默认为 50px,可自行调整。

Plugin Details

Version8
CreatedDecember 24, 2024
Last UpdatedDecember 29, 2024
Categoryediting & effects plugins
CreatorKingweiCheung
Stats38 installs, 2 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none