Back to Plugins
NameTree

NameTree

Generate hierarchical names for better layer organization

Plugin Preview

NameTree preview

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 collaborationHow it works:1. Select layers or containers2. Run NameTree3. Get instant hierarchical names based on parent structureThe plugin intelligently handles duplicate parent names, normalizes text (lowercase, underscores), and works with all Figma layer types. Rename hundreds of layers in seconds!

Plugin Details

Version5
CreatedSeptember 16, 2025
Last UpdatedSeptember 17, 2025
CategoryFile organization plugins
CreatorPatrik Michalicka
Stats0 installs, 0 likes
PricingFree

Technical Details

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