Skip to content
AutoName - Intelligent Layer Naming

AutoName - Intelligent Layer Naming

by Brian

Smart layer naming for professional workflows

FreeFigma

Installs

41

Likes

3

Users

621

Views

201

Preview

AutoName - Intelligent Layer Naming preview

About this plugin

AutoName instantly names your Figma layers with semantic, industry-standard names; no manual work required.

✨ What AutoName DetectsButtons - Named from their text content (e.g., "Learn More" → `btn-cta-learn-more`)Cards - Detects product, feature, and pricing cardsInputs - Email, password, search, and text fieldsNavigation - Header, footer, and main navigationIcons - Size-aware naming (sm, md, lg, xl)Images - Context-aware (hero, thumbnail, avatar)Text - Headings, body, captions based on hierarchy🚀 How It WorksSelect one or more layersRun AutoName from the plugins menuClick "Rename Selection" or "Rename All on Page"Your layers now have clean, professional names🎯 Naming Standardskebab-case convention for all namesSemantic prefixes for component typesContent-basedbutton names (truncated to 20 chars)Future versions will follow Material Design, iOS HIG, Airbnb, or any custom design system you provide.

💡 Perfect ForDesign system creatorsUI/UX teams with naming standardsHandoff to developersOrganizing messy Figma filesAnyone who values clean layer names🆓 Free & Open SourceAutoName v1.0.0 is free and unlimited, built with ❤️ for the Figma community. AI features or custom design system support will be paid in the future.---Need assistance? Reach out via email.

More file organization plugins plugins

View all