figma-rename-layerslisted

Batch-renames Figma layers from their design content instead of leaving default names like "Frame 1" or "Rectangle 23". Walks every frame and its child layers on the current page, derives a readable Title Case name from the most prominent text, a contained component, or an image fill, and applies the names in batches the designer can undo. Triggers when a designer wants to clean up generic layer names — phrasings like "rename all my layers", "my layers are all called Frame 1, Frame 2", "auto-rename these frames based on what's inside them", "clean up the layer names on this page", "name my layers from their content", "batch rename layers", "rename layers by content", or "fix these default layer names". Renames frames plus their generic-named children, preserves names the designer set on purpose, and chunks large pages so each batch is one undo step. The skill also documents Figma's built-in AI "Rename layers" command as a manual fallback for nuanced cases — that feature is editor-UI only and cannot be trigger
Hosseinkm89/figma-skills · ★ 0 · Web & Frontend · score 70

Install: claude install-skill Hosseinkm89/figma-skills

# Figma — Rename Layers by Content Turn a page full of `Frame 1`, `Group 7`, `Rectangle 12` into a clean, self-describing layer tree. The skill reads what is actually *in* each layer and names it accordingly, so the Layers panel reads like a table of contents. ## When this fires A designer says something like: - "Rename all the layers on this page based on what's in them." - "Everything is called Frame 1, Frame 2 — clean it up." - "Auto-name these frames and their children." - "Batch rename my layers by content." ## What it does (in plain terms) For the **current page**, it looks at every top-level frame and walks down into its children. For each layer it can describe, it picks a name from, in order of preference: 1. The **most prominent text** inside it (largest font size wins — that's usually the heading/label). 2. The **component** it is, or contains (e.g. an instance of `Button`). 3. Whether it's an **image** fill. Names are written in readable **Title Case** (`Profile Card`, `Primary Button`, `Hero Image`). Anything it can't describe better than its generic type is left untouched — no churn for a plain divider rectangle. ## Two important defaults (decided for safety, both configurable) 1. **Intentional names are protected.** By default only layers that still carry a *generic/default* name (`Frame 12`, `Group 3`, `Rectangle 1`, …) get renamed. A layer the designer already named (`CTA Button`) is left alone. Set `overwriteNamed: true` to rename everyt