Back to Plugins
Text Auto Fill

Text Auto Fill

Automatically update text in frames with key-value data

Plugin Preview

Text Auto Fill preview

About this plugin

Figma Plugin User Guide for Beginners


What It Does

This Figma plugin lets you update text and hide layers in selected frames or instances. It’s easy to use with a text-based configuration for both specific and global changes.


How to Use It

  1. Select a Frame or Instance: In Figma, click a frame or instance to edit.
  2. Open the Plugin: Run the plugin from Figma’s menu (Plugins > Your Plugin Name).
  3. Enter Configuration: In the plugin window, type instructions to change text or hide layers (see examples below).
  4. Click Run: The plugin applies your changes instantly.


Configuration Examples

• Change Specific Text: To update text in a layer named title inside a frame named block, type:

block.title: Hello World

This sets the title layer’s text to "Hello World".


• Change Text Globally: To update all layers named text in any frame, type:

text: Welcome

This changes every text layer’s text to "Welcome".


• Hide a Specific Layer: To hide a layer named subtitle in the block frame, type:

//block.subtitle

This hides the subtitle layer.


• Hide a Layer Globally: To hide all layers named icon, type:

//icon

This hides every icon layer.


• Rename a Frame: To rename a frame named block, type:

$Title block: New Frame Name

This renames the frame to "New Frame Name".


• Combine Actions: Mix specific and global changes, like:

block.title: Welcome
text: Hello
//block.subtitle
//icon

This updates block.title to "Welcome", all text layers to "Hello", hides block.subtitle, and hides all icon layers.


Tips

  1. Write one instruction per line.
  2. Layer names must match exactly (case-sensitive).
  3. Select at least one frame or instance, or you’ll get an error.

Plugin Details

Version8
CreatedMay 6, 2025
Last UpdatedJune 2, 2025
Categorydesign-tools-other
CreatorПавел Котов
Stats1 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:src/ui.html
  • main:src/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none