Skip to main content

Generate app icons right on your canvas

Create polished app icons with AI directly in Figma Design—using your real design tokens and styles. Explore multiple directions at once, no round trips to separate tools or rebuilding from scratch.

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

From first concept to final icon, faster

Figma's agent generates app icons using your actual design system, so every variation fits your brand from the start.

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

Explore more in higher fidelity

Generate multiple icon directions simultaneously using your real components, colors, and styles. Every option lands on your canvas as production-ready vectors—not rough placeholders you'll need to rebuild later.

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 of creating icon variations by hand. Describe what you need, let the agent generate options, and focus your energy on the creative decisions that make your icon stand out.

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

Align your team, close the loop

Icons generate in the same file your team works in. Everyone sees the options, the prompts behind them, and can build on the work immediately. Nothing gets lost in export or handoff.

The features behind your icons

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 library so every icon uses your real color tokens, styles, and brand elements—not generic defaults.

  • 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 icon directions at once. Generate a bold option, a minimal one, and something unexpected—all simultaneously, all on the same canvas.

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

    Shareable threads

    Share a thread and your team sees the full prompt, context, and iteration history. Stakeholders understand the thinking behind each direction.

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

    Skills for repeatable workflows

    Turn your icon generation workflow into a reusable skill. Run it again for new apps or hand it off to teammates with one command.

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 sized for your target platform.

  • Describe your icon

    Tell the agent what you need—app purpose, style direction, brand elements. Point it to your design library so it uses your real tokens.

  • Review on canvas

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

  • Refine and export

    Everything generates as editable vectors. Adjust details by hand or prompt again, then export at the sizes you need.

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 app icon generator creates app icons from text descriptions, helping designers explore multiple directions quickly. Figma's agent generates icons directly on your design canvas using your actual design system—colors, styles, and brand elements—so every option is production-ready from the start.

Open the agent from the left side rail or hit CMD + Enter, then describe the icon you want—app purpose, visual style, brand elements. Point the agent to your design library so it uses your real tokens. The icon generates as editable vectors on your canvas, ready to refine or export.

Figma's agent generates icons as fully editable vectors, giving you complete control over the final output. You can adjust dimensions, remove backgrounds, and export at the exact sizes required for iOS and Android stores. The agent helps you explore directions quickly, but you own the final refinement.

iOS requires icons at 1024×1024 pixels, while Android uses 512×512 pixels as the base. Figma's agent generates icons as vectors on your canvas, so you can export at any resolution without quality loss. Set your frame size before prompting, or resize after generation.

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