Rename Layers From Children
A Figma plugin that makes renaming multiple nested layers a breeze.
Plugin 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
- Select the root layers you want to rename (e.g.,
MyCard1,MyCard2). - Run the plugin from
Plugins > Development > Rename-Layers-From-Children. - Enter your naming template into the text box.
- Click Rename.
The Templating Language
The templating language relies on tags formatted as {Layer Name}.property.
- -
{Layer Name}refers to the exact name of the child element you want to target (it must exist somewhere within the selected root layer). .propertydefines what information to extract from that layer.
Properties
.content: Extracts the actual text content of a `TEXT` node and converts it to PascalCase. (e.g. "marauder king" becomes "MarauderKing")..layer: Extracts the name of the layer itself.
Example
Imagine you have a selection of Framed components with the following structure:
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.
Plugin Details
| Version | 3 |
|---|---|
| Created | February 20, 2026 |
| Last Updated | February 25, 2026 |
| Category | File organization plugins |
| Creator | noidwasavailable |
| Stats | 2 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.