AutoName - Intelligent Layer Naming

About this plugin

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

✨ What AutoName Detects

1. Buttons - Named from their text content (e.g., "Learn More" → `btn-cta-learn-more`)
2. Cards - Detects product, feature, and pricing cards
3. Inputs - Email, password, search, and text fields
4. Navigation - Header, footer, and main navigation
5. Icons - Size-aware naming (sm, md, lg, xl)
6. Images - Context-aware (hero, thumbnail, avatar)
7. Text - Headings, body, captions based on hierarchy

🚀 How It Works

1. Select one or more layers
2. Run AutoName from the plugins menu
3. Click "Rename Selection" or "Rename All on Page"
4. Your layers now have clean, professional names

🎯 Naming Standards

1. kebab-case convention for all names
2. Semantic prefixes for component types
3. Content-basedbutton names (truncated to 20 chars)
4. Future versions will follow Material Design, iOS HIG, Airbnb, or any custom design system you provide.

💡 Perfect For

1. Design system creators
2. UI/UX teams with naming standards
3. Handoff to developers
4. Organizing messy Figma files
5. Anyone who values clean layer names

🆓 Free & Open Source

AutoName 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.