Connect your design library
Point the agent to your existing styles and variables, so new palettes complement what you've already built instead of starting from scratch.
Generate color palettes right on your canvas
Explore harmonious color schemes, extract palettes from images, and build accessible combinations with AI—directly in Figma Design. No switching tools, no guessing at hex codes.
Colors that actually work together
Figma's agent generates palettes using your design context, so every scheme fits your project from the start.
Explore more options, faster
Figma's agent generates multiple color palettes in parallel, so you can compare harmonious schemes side by side. Each palette lands on your canvas as real, usable color styles—not static swatches you have to rebuild.
Cut the guesswork, stay in flow
Describe the mood, reference an image, or specify accessibility requirements—then let the agent handle the color theory. Spend your time on design decisions, not hunting for the right hex values.
Keep your team aligned on color
Generated palettes live in the same file your team works in. Everyone sees the options, the context, and the rationale—so color decisions stick and nothing gets lost in translation.
The features behind the palettes
A closer look at what sets Figma's agent apart, built for the way design teams actually work.
Run prompts in parallel
Generate multiple palette directions at once—warm versus cool, muted versus vibrant—and compare them side by side on your canvas.
Shareable threads
Share a thread and your team sees the full prompt, references, and iteration history behind any palette. No separate handoff needed.
Refine with follow-ups
Not quite right? Adjust saturation, swap an accent, or request accessible alternatives in the same thread without starting over.
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
Open the agent
Select Agents in the left side rail or hit CMD + Enter. Add a frame to your canvas to receive the generated palette.
Describe your palette
Tell the agent what you need—a warm earthy scheme, colors from a reference image, or an accessible palette for your brand. Point to your design library if you want it to match existing styles.
Review on the canvas
Check the generated palette on your canvas. Try a parallel prompt to explore a different direction, or refine in the same thread.
Keep iterating
Adjust individual colors, request more contrast, or ask for complementary accents. Everything stays editable so you can fine-tune until it's right.
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 color palette generator creates harmonious color schemes based on your input—a mood description, a reference image, or specific requirements like brand colors or accessibility standards. Figma's agent does this directly on your design canvas, generating palettes as usable color styles rather than static images you'd need to recreate.
You describe what you're looking for—a calming blue scheme, colors extracted from an uploaded image, or an accessible palette with specific contrast ratios. The agent analyzes your input and generates multiple options based on color theory principles. In Figma, these land as editable styles on your canvas, ready to apply.
Yes. Figma's agent can generate palettes that meet WCAG contrast requirements when you specify accessibility in your prompt. Ask for AA or AAA compliance, and the agent factors contrast ratios into its color selections. You can also refine results with follow-up prompts if specific combinations need adjustment.
Add the reference image to your canvas in Figma Design, then tell the agent to extract or generate a palette from it. The agent analyzes the image's color composition and creates a harmonious scheme based on what it finds. You can refine the extraction by asking for more saturation, fewer colors, or specific accent additions.
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