Text Auto Fill

About this plugin

Figma Auto Text Plugin - Complete GuideOverviewThis plugin allows you to automatically fill frames with text and control visibility of elements using two modes: Text Rules and Excel/CSV.Important Naming ConventionVariables (text elements) must start with $ (e.g., $Product Name, $Price)Groups (frames/groups) must start with # (e.g., #Specifications, #Features)Elements without $ or # are not affected by the pluginMODE 1: TEXT RULESBasic Syntax1. Change Text Content$Product Name: Motor Oil 5W-30$Price: $29.99This will find text elements named $Product Name and $Price and replace their content.2. Show/Hide ElementsHide element (add // prefix)://$Old Price//#Summer FeaturesShow element (just write its name):$Special Offer#Winter FeaturesImportant: When you change text, color, or stroke of an element, it automatically becomes visible!3. Change ColorsFill color:$Header: #FF5733Stroke color:$Border&stroke: #000000Global color replacement:#FF0000 -> #00FF00This will replace all red colors with green in selected frames.Advanced ExamplesWorking with Nested ElementsIf you have structure like:Frame....#Features........$Feature 1........$Feature 2........#Advanced............$Advanced FeatureYou can access nested elements using dot notation:#Features.$Feature 1: New text for feature 1#Features.#Advanced.$Advanced Feature: Pro feature textComplete Example$Product Title: Professional Motor Oil$Price: $49.99//$Old Price$Description: High-performance synthetic oil#Benefits$Benefit 1: Increases engine life$Benefit 2: Better fuel economy$Header: #1E3A8A$Price: #FF0000$Button&stroke: #000000MODE 2: EXCEL/CSVFile StructureYour Excel/CSV file MUST have these columns:object________title_______________[custom columns]$main 1_______Oil_5W30_A_______[...]$main 2_______Oil_5W40_B_______[...]object (required): Frame name to filltitle (required): New name for the framecustom columns: Your variables and groupsColumn Types1. Simple Text VariablesColumn name: $Product NameCell value: Motor Oil PremiumExample:object________title___________$Product Name_______$Price$main 1_______Card_01_______Motor Oil 5W-30_______$29.992. Group with Visible ElementsColumn name: #FeaturesCell value: $Feature1;$Feature2This will:Show the #Features groupShow only $Feature1 and $Feature2 inside itHide all other elements in the groupExample:object________title___________#Features$main 1_______Card_01_______$Engine Protection;$Fuel Economy3. Groups with ValuesColumn name: #SpecificationsCell value: #Spec 1.$Title: API SN;#Spec 1.$Value: PlusExample:object________title___________#Specifications$main 1_______Card_01_______#Spec 1.$Title: Viscosity;#Spec 1.$Value:..................................................5W-30;#Spec 2.$Title: Volume;#Spec 2.$Value: 4LStep-by-Step InstructionsFor Text Rules Mode:Select frames in Figma that you want to modifyChoose "Text Rules" mode in pluginWrite your rules following the syntax aboveClick "Apply"For Excel Mode:Prepare your frames:Name them starting with $ (e.g., $main 1, $card template)Name all variables with $ prefixName all groups with # prefixCreate Excel/CSV file:First column: object (frame names)Second column: title (new names for frames)Other columns: your variables and groupsIn plugin:Select all frames you want to fillChoose "Excel/CSV" modeUpload your fileClick "Apply"Pro Tips1. Visibility LogicElements with $ or # are hidden by defaultTo show them, either:List their namesChange their contentInclude them in Excel columns2. Multiple Values in ExcelSeparate multiple items with semicolon:$Option1;$Option2;$Option33. Complex Nested StructuresFor deep nesting in Excel:#Group1.#Group2.$Variable: ValueFAQQ: My elements aren't changingA: Check that names start with $ or #Q: Excel import says "Object not found"A: Make sure frame names in Excel match exactly with Figma frame namesQ: Changes are very slowA: Reduce the number of nested groups or split your Excel file into smaller batchesQ: Some elements stay visible when they shouldn'tA: Check for typos in names and make sure you use // prefix to hide elements explicitly