NameTree

About this plugin

Tired of manually renaming layers in complex designs? NameTree automatically creates structured, hierarchical names for your Figma layers based on their parent containers.

Simply select the layers you want to rename, run the plugin, and watch as messy names like "Rectangle 45" become organized paths like "card.content.background" or "header.navigation.logo".

Perfect for:

✓ Design system maintenance

✓ Developer handoffs

✓ Large file organization

✓ Consistent naming conventions

✓ Team collaboration

How it works:

1. Select layers or containers

2. Run NameTree

3. Get instant hierarchical names based on parent structure

The plugin intelligently handles duplicate parent names, normalizes text (lowercase, underscores), and works with all Figma layer types. Rename hundreds of layers in seconds!