Skip to main content

Pair fonts that work together, instantly

Find typography combinations that complement your design—directly in Figma Design. Figma's agent suggests pairings based on your existing styles and visual context, so you spend less time testing and more time building.

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

Typography decisions, made faster

Figma's agent pairs fonts using your real design context, so every suggestion feels intentional—not random.

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

Explore pairings in higher fidelity

Figma's agent generates typography combinations using your actual design system—your fonts, your styles, your variables. See how pairings look in context, not as abstract swatches in a separate tool.

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 guesswork, stay in flow

Stop cycling through font after font hoping something clicks. Describe the mood or hierarchy you need, and let the agent surface combinations worth exploring—so you can focus on the design decisions that matter.

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 team aligned on type

Typography choices happen in the same file your team works in. Everyone sees the options, the reasoning, and the final decision—no screenshots or side conversations needed.

The features behind the pairings

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

    Reference your design system

    The agent pulls from your connected libraries—your brand fonts, type scales, and styles—so every pairing suggestion fits what you're already building.

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

    Parallel prompting

    Explore multiple typography directions at once. Run several pairing prompts simultaneously and compare results side by side on your 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 behind every pairing decision. No separate handoff needed.

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

    Refine with follow-up prompts

    First suggestion not quite right? Adjust in the same thread—ask for more contrast, a different mood, or tighter hierarchy—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

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 with your existing typography to give the agent context.

  • Describe what you need

    Tell the agent what kind of pairing you're looking for—modern and minimal, editorial and bold, or match an existing heading style. Point to your design library for brand-aligned suggestions.

  • Review on the canvas

    Check the typography combinations directly in your design. Refine in the same thread or start a parallel one to explore a different direction.

  • Keep iterating

    Prompt again until the pairing feels right, or fine-tune manually. Everything stays editable on your canvas.

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 typography pairer helps you find font combinations that work well together—balancing contrast, hierarchy, and visual harmony. Figma's agent does this directly on your canvas, using your existing design system and styles to suggest pairings that fit your project. No need to export to a separate tool or test combinations one by one.

Figma's agent analyzes your design context—your existing fonts, styles, and visual hierarchy—to suggest complementary pairings. You describe what you're looking for, and the agent generates combinations you can review and refine right on your canvas. It's designed to speed up exploration while keeping you in control of the final decision.

Start by selecting a frame or text layer in Figma Design and opening the agent. Describe the pairing you need—like a heading and body combination with good contrast—and the agent will suggest options based on your design system. Review them in context, then refine with follow-up prompts until you find the right fit.

Yes. Figma's agent can suggest typography pairings based on your design context, mood, and hierarchy needs. It's particularly useful when you're exploring directions or need to move quickly. The agent handles the initial exploration so you can focus on evaluating options and making the final call.

Figma's agent is available on all paid Figma plans. You'll find it in the left side rail in Figma Design, or open it with CMD + Enter. 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