AutoLayers

AutoLayers v1.1.3 – Intelligent Layer Renaming for Modern Design WorkflowsAutoLayers is a Figma plugin that renames layers into developer-friendly, semantic names. Using semantic detection and 40+ UI patterns, it assigns names that match modern design systems like Tailwind, Radix, and shadcn/ui.

What’s New in v1.1.3:Expanded Semantic Naming Library: 40+ patterns including btn/button, img/image/photo, icon, nav/menu, dropdown/select, checkbox, radio, switch/toggle, accordion, tooltip, toast/snackbar, alert/banner, spinner/loader, skeleton, breadcrumb, pagination, and moreVECTOR Divider Detection: Vectors with width or height 0 are now named dividerSimplified Naming: Name-based approach—layers are renamed from type and existing names, not layout positionKey Features:

Semantic detection for 40+ UI patterns (header, footer, card, modal, hero, button, nav, icon, etc.)Dimension-based detection for dividers (thin rectangles, zero-size vectors, lines)Auto-layout naming (flex-row, flex-col, frame)Rectangles with image fill → img; thin elements → dividerComponent and instance names preserved for design system integrityNaming aligned with modern web conventionsWorks on single or multiple selections with recursive child renamingHandles frames, rectangles, vectors, ellipses, and moreSuited for design-to-code handoffs and team collaborationWhether you’re building a design system, cleaning up files, or handing off to developers, AutoLayers keeps layers organized and developer-ready.

AutoLayers v1.1.3 by Kemonn98Last Updated: February 18, 2026muhsalmon.com