Skip to main content

Generate custom badges right on your canvas

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.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Explore badge designs faster than ever

Figma's agent generates real badge designs on your canvas using your design system, so you can iterate quickly and ship with confidence.

Figma canvas showing an AI-generated design layout being exploredFigma canvas showing an AI-generated design layout being explored

Explore more options in higher fidelity

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.

Figma AI agent panel showing a bulk edit being applied across a designFigma AI agent panel showing a bulk edit being applied across a design

Cut the busywork, stay in flow

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.

Figma AI agent panel showing team feedback being synthesized into a designFigma AI agent panel showing team feedback being synthesized into a design

Keep your whole team aligned

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.

The features behind your badges

A closer look at what sets Figma's agent apart, built for the way design teams actually work.

  • Screenshot showing Figma AI agent connected to a component library, auto-applying brand tokens to a designScreenshot showing Figma AI agent connected to a component library, auto-applying brand tokens to a design

    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.

  • Screenshot of multiple simultaneous AI design prompts running in FigmaScreenshot of multiple simultaneous AI design prompts running in Figma

    Run prompts in parallel

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

  • Screenshot of a shared Figma AI conversation thread with design commentsScreenshot of a shared Figma AI conversation thread with design comments

    Shareable threads

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

  • Screenshot showing Figma AI agent skill options for automating design workflowsScreenshot showing Figma AI agent skill options for automating design workflows

    Package workflows as skills

    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

Notion logo

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 work in.

  • Describe your badge

    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.

  • Review on the canvas

    Check the generated badge on your canvas. Refine in the same thread or start a parallel one to explore a different direction.

  • Keep iterating

    Prompt again until the badge is right, or turn the workflow into a reusable skill for future events.

Become an agent expert

  • The Figma design agent is here

    Watch Figma's AI Agent in action and see how to put it to work in your own workflows.

    Read more
  • Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?Figma agent playground intro screen with a 'Start' button and a sample chat prompt: 'Hey Figma, can you create different layouts for my reading app?

    Work with the Figma agent

    Hands-on playground to explore Figma agent's capabilities — from bulk edits to feedback implementation — with step-by-step guidance built right in.

    Get started
  • How to use Figma agent in your design workflows

    Learn how to use Figma agent in your design workflows with a step-by-step tutorial from the Figma team.

    Watch now

FAQ

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.

Powered by Fruition