AutoName - Intelligent Layer Naming
Smart layer naming for professional workflows
Plugin 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.
Plugin Details
| Version | 1 |
|---|---|
| Created | January 15, 2026 |
| Last Updated | January 15, 2026 |
| Category | File organization plugins |
| Creator | Brian |
| Stats | 10 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.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.