
Connect your design library
Point the agent to your design system and it generates badges using your real components, tokens, and brand styles—consistent from the start.
Skip to main content
Create event badges, ID cards, credentials, and award designs with AI—directly in Figma Design. Tell the agent what you need and watch it build using your real components and styles.
Figma's agent generates real badge designs on your canvas using your design system, so you can iterate quickly and ship with confidence.

Figma's agent generates multiple badge variations using your actual components, colors, and typography—not generic placeholders. See real options you can use immediately, not mockups you'll need to rebuild.

Skip the tedious setup. Describe the badge you need—event credentials, employee IDs, achievement awards—and the agent handles the scaffolding so you can focus on refining the design.

Generated badges live in the same file your team already works in. Everyone sees the latest version, can comment directly, and builds on real work—no exports or separate handoffs needed.
A closer look at what sets Figma's agent apart, built for the way design teams actually work.

Point the agent to your design system and it generates badges using your real components, tokens, and brand styles—consistent from the start.

Explore multiple badge directions at once. Generate variations for different events, roles, or styles simultaneously instead of one at a time.

Share your thread and teammates see the full prompt history, context, and iterations. No separate handoff document needed.

Turn your badge generation workflow into a reusable skill. Run it again for your next event or share it with your team.
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
Select Agents in the left side rail or hit CMD + Enter. Add a frame to your canvas to work in.
Tell the agent what kind of badge you need—event credential, employee ID, achievement award. Point it to your design library for brand-consistent results.
Check the generated badge on your canvas. Refine in the same thread or start a parallel one to explore a different direction.
Prompt again until the badge is right, or turn the workflow into a reusable skill for future events.
Watch Figma's AI Agent in action and see how to put it to work in your own workflows.

Hands-on playground to explore Figma agent's capabilities — from bulk edits to feedback implementation — with step-by-step guidance built right in.
Learn how to use Figma agent in your design workflows with a step-by-step tutorial from the Figma team.
An AI badge generator helps you create custom badges—event credentials, employee IDs, achievement awards—by describing what you need instead of building from scratch. Figma's agent generates badges directly on your design canvas using your existing components and brand styles, so you get usable designs faster.
You describe the badge you need in a prompt—the type, style, and any specific details. Figma's agent interprets your request and generates badge designs on your canvas using your connected design library. You can refine with follow-up prompts or explore parallel directions until the result is right.
In Figma Design, open the agent from the left side rail and describe your event badge—include details like the event name, attendee types, and style preferences. Point the agent to your design library so it uses your brand colors and typography. Review the output on your canvas and refine until it matches your vision.
Yes, Figma's agent can generate employee ID card designs. Describe the layout, information fields, and style you need, and the agent creates badge designs on your canvas. You can then refine the design, swap in real employee data, and iterate until the ID cards are ready for production.
Figma's agent is available on all paid Figma plans. You'll find it in the left side rail 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