How to get good designs from an AI agent in Figma
By Sabarish Sanjay, maker of Crossfade · Updated
Connecting an agent to Figma is the easy part. Getting work you'd keep takes a few habits. These come from building real screens this way every day, and they apply whichever tool you connect with.
1. Make it look before it builds
The biggest difference comes from one line: “Read this file first, and match what's here.” An agent that starts blind invents its own spacing and colours. One that inspects your existing frames copies your decisions.
2. Name your design system
Say which components, variables and styles to use, by name. Figma's own advice agrees: you get the best results when the agent builds with what already exists in the file.
Build the settings screen using our Button and Input
components. Use the spacing and colour variables, and
don't hard-code any values.3. Work in small steps
Ask for one section, check it, then ask for the next. Large requests fail in ways that are hard to untangle. Small ones are easy to correct, and each step teaches the agent what you like.
4. Ask for auto layout
Unless you say so, some agents place things at fixed positions, which looks fine and breaks the moment you edit it. Ask for nested auto layout frames, with fixed sizes only where they're needed.
5. Make it check its own work
Tell the agent to take a screenshot after each change and compare it with what you asked for. It catches clipped text, overlaps and wrong fonts that it can't see from the layer data alone. This is where read limits start to bite, because each check is another read.
6. Give it something to aim at
A sketch, a screenshot, a competitor's page or a paragraph of notes all work. Be specific about why you like a reference: “the calm spacing” is better than “make it like this”.
7. Keep your work safe
- Practise on a duplicate. Figma recommends this for its own beta too.
- Save a named version before big changes.
- Don't let an agent redraw something you've adjusted by hand. Ask it to change just the part you mean.
8. Keep the taste for yourself
Agents are excellent at the moving, naming and nudging: renaming layers, applying a style across fifty frames, building every state of a component. Let them. Decide what's good yourself, because that's still your job.
Common questions
Can an AI agent use my Figma design system?
Yes, and it does much better when you tell it to. Name the libraries, components and variables you want used, and ask it to look at the file before it builds.
How do I stop an agent ruining my Figma file?
Work on a duplicate while you learn, and save a named version before big changes. With Crossfade, every run is a single undo step and a failed run undoes itself.