Auto Rename Layers

About this plugin

Stop manually renaming "Frame 437" and "Rectangle 12". Auto Rename Layers uses AI to give every layer a clean, meaningful name — just like a senior designer would.✦ How it works Select layers or run it on your entire page. The plugin analyzes each layer's type, content, structure, and even a visual screenshot to generate perfect names like "hero-cta-button", "nav-bar", "profile-avatar", and "pricing-card".✦ Features • Batch processing — renames hundreds of layers in seconds • Vision mode — uses screenshots for more accurate naming • Multiple naming conventions — kebab-case, camelCase, PascalCase, snake_case, or Slash/Path • Skip already-named layers — only renames generic ones like "Frame 1", "Group 2" • Bottom-up renaming — children are renamed first so parent names are smarter✦ Perfect for • Cleaning up messy design files before handoff • Maintaining consistent layer naming across your team • Preparing components for a design system • Making developer handoff painlessBuilt by uxdimeji.com