Describe your naming convention
Tell the agent how you want layers named—by function, by hierarchy, by component type—and it applies your logic across the selection.
Name your layers with a single prompt
Figma's agent renames messy layers across your file—frames, components, variants—directly on the canvas. Describe what you want, and watch your file become readable in seconds.
Finally, layer names that make sense
Clean, consistent naming helps your whole team move faster—and now you don't have to do it by hand.
Cut the busywork, stay in flow
Hand off the tedious work of renaming layers—one by one, frame by frame—and keep your focus on the design decisions that actually matter. The agent handles the cleanup so you can keep building.
Rename at scale, not one at a time
Select a frame, a page, or your entire file and describe your naming convention. The agent applies it consistently across hundreds of layers, so your file stays organized without the repetitive clicks.
Keep your team aligned on structure
Clear layer names mean faster handoffs. Developers find what they need, designers build on each other's work, and nobody wastes time deciphering cryptic names like 'Frame 847'.
The features behind cleaner files
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Batch rename in one prompt
Select multiple frames or an entire page. The agent renames everything at once, so you're not clicking through layers one at a time.
Refine with follow-up prompts
Naming not quite right? Adjust in the same thread—'make these shorter' or 'add the component type'—without starting over.
Shareable threads
Share a thread and your team sees the full prompt and naming logic. Everyone stays aligned on file structure without a separate style guide.
Figma feels like a natural extension of my hand. I do my design ideation on the canvas, and now the agent takes it the last mile. With my design libraries connected, I can move from design to code faster than ever before.
Andy Madrick
Product Designer, Notion
Get started with Figma's agent
Select layers to rename
Open your file in Figma Design. Select the layers, frames, or components you want to rename—or select a whole page.
Describe your convention
Tell the agent how to name the layers. Be specific: 'Name by component type and state' or 'Use camelCase with function first.'
Review the renamed layers
Check the updated names in your layers panel. Refine in the same thread if something needs adjusting.
Keep your file organized
Run the agent again as your file grows. Consistent naming stays easy to maintain—prompt once, apply everywhere.
Become an agent expert
The Figma design agent is here
Read moreWatch Figma's AI Agent in action and see how to put it to work in your own workflows.
Work with the Figma agent
Get startedHands-on playground to explore Figma agent's capabilities — from bulk edits to feedback implementation — with step-by-step guidance built right in.
How to use Figma agent in your design workflows
Watch nowLearn how to use Figma agent in your design workflows with a step-by-step tutorial from the Figma team.
FAQ
An AI layer namer automatically renames layers in your design file based on their content, function, or a naming convention you describe. Figma's agent does this directly on the canvas—select your layers, describe how you want them named, and the agent applies consistent names across your selection. No manual renaming required.
Figma's agent analyzes the layers you've selected and applies names based on your prompt. You might ask it to name by component type, by hierarchy, or using a specific convention like camelCase. The agent processes your selection and renames layers in bulk, keeping everything editable so you can adjust by hand if needed.
Clear layer names make files easier to navigate—for you and your team. Developers can find the right elements during handoff, other designers can build on your work without guessing, and you spend less time searching for 'Rectangle 12.' Consistent naming also helps when you're scaling a design system or onboarding new teammates.
With Figma's agent, you select the layers you want to rename—whether that's a few frames or an entire page—and describe your naming convention in a prompt. The agent renames everything at once. You can refine with follow-up prompts if the first pass needs adjusting, all within the same thread.
Figma's agent is available on all paid Figma plans. You'll find it in the left navigation bar in Figma Design. During the current open beta, it doesn't consume AI credits—so it's a good time to explore, experiment, and share your feedback with us.
Build faster with Figma's agent