Rename layers in bulk
Select a frame, a section, or your entire canvas. The agent names everything at once, following your conventions or inferring structure from the design itself.
Name your frames and layers with AI
Figma's agent scans your canvas and applies clear, consistent names to frames and layers—so your files stay organized and your team can find what they need without guesswork.
Keep your files readable at any scale
Organized naming isn't busywork—it's what makes handoff smooth and collaboration seamless. Let the agent handle it while you focus on the design.
Cut the busywork, stay in flow
Rename dozens of frames in seconds instead of clicking through each one. Describe your naming convention—or let the agent infer it—and watch your file structure clean itself up while you keep designing.
Apply naming conventions consistently
The agent reads your existing patterns and applies them across your file, so frame names stay predictable whether you're working solo or handing off to a team of developers.
Keep your team aligned on structure
Clear frame names mean faster handoff and fewer questions. Everyone—designers, developers, PMs—can navigate the file and find what they need without decoding cryptic layer names.
The features behind organized files
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Refine with follow-up prompts
Naming not quite right? Adjust with another prompt—'make these more descriptive' or 'use camelCase'—without starting over.
Shareable threads
Share a thread and your team sees the full prompt and naming logic. No guessing why frames are named a certain way.
Stay fully editable
Every renamed layer is still your real layer—no flattening, no locked structure. Rename by hand anytime you want more control.
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 what to name
Open your file in Figma Design and select the frames or layers you want renamed—or select nothing to let the agent scan the whole canvas.
Describe the convention
Tell the agent your naming pattern—'use page/section/element format' or 'match the existing style.' Or let it infer from what's already named.
Review the names
Check the renamed layers in your file. Not quite there? Refine in the same thread or try a different naming approach in a parallel one.
Keep refining
Everything stays editable, so you can tweak names by hand or prompt again until your file structure is exactly how you want it.
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 frame namer automatically applies clear, descriptive names to frames and layers in your design file. Instead of manually renaming each layer, you describe your naming convention—or let the AI infer one—and it handles the rest. Figma's agent does this directly on your canvas, so your file stays organized without extra steps.
Figma's agent scans your selected frames or your entire canvas, reads the visual structure, and applies consistent names based on your prompt or existing patterns. You can specify conventions like 'page/section/component' or let the agent infer structure from what's already named. The renamed layers stay fully editable.
Yes. Figma's agent can rename frames, groups, and individual layers across your file. Select what you want renamed, describe your naming convention, and the agent applies it in bulk. You can refine with follow-up prompts if the first pass isn't quite right.
Open your file and select the layers or frames that need organizing. Use Figma's agent to apply consistent naming conventions across your selection. The agent can infer patterns from your existing structure or follow explicit rules you provide. This makes navigation easier for everyone on your team.
Figma's agent is available on all paid Figma plans. You'll find it in the left side rail in Figma Design, or hit CMD + Enter on Mac or CTRL + Enter on Windows. 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