Back to Plugins
Rename Layers From Children

Rename Layers From Children

A Figma plugin that makes renaming multiple nested layers a breeze.

Plugin Preview

Rename Layers From Children preview

About this plugin

Rename Layers From Children


If you have a complex component or group design (like a card, a list item, or a data row), you can use this plugin to automatically rename the parent layer using the data from its child layers.


Features

- Template-Based Renaming: Construct flexible naming templates that pull text or layer names directly from a selection's descendants.

- PascalCase Auto-Formatting: Extracted text content is automatically formatted into clean PascalCase formatting to keep your layer names tidy.

- History Storage: Automatically remembers the last 5 templates you used in your document, saving time on repetitive renames.


How to Use


  1. Select the root layers you want to rename (e.g., MyCard1, MyCard2).
  2. Run the plugin from Plugins > Development > Rename-Layers-From-Children.
  3. Enter your naming template into the text box.
  4. Click Rename.


The Templating Language


The templating language relies on tags formatted as {Layer Name}.property.


  1. -{Layer Name} refers to the exact name of the child element you want to target (it must exist somewhere within the selected root layer).
  2. .property defines what information to extract from that layer.


Properties

  1. .content: Extracts the actual text content of a `TEXT` node and converts it to PascalCase. (e.g. "marauder king" becomes "MarauderKing").
  2. .layer: Extracts the name of the layer itself.


Example


Imagine you have a selection of Framed components with the following structure:


MyCard [Frame]
- Card Layout [Frame]
- Card Cost [Text] -> content is "7"
- Card Title [Text] -> content is "marauder king"


If you apply the template {Card Cost}.content_{Card Title}.content to your selection, the MyCard frame will be renamed to 7_MarauderKing.


If you apply {Card Cost}.layer, the frame will be renamed to Card Cost.


GitHub Link

Plugin Details

Version3
CreatedFebruary 20, 2026
Last UpdatedFebruary 25, 2026
CategoryFile organization plugins
Creatornoidwasavailable
Stats2 installs, 2 likes
PricingFree

Technical Details

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