What font does figma.com use?

The typeface on figma.com is figmaSans, figmaMono and 7c42ed55a7834032 S.p, loaded across 5 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font

figmaSans

Total weights

@font-face

Source

Custom web font

figmaSans

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

320Typography sets the voice of a brand

CSS to use figmaSans

font-family: figmaSans, Georgia, 'Times New Roman', serif;

@font-face source

woff2https://www.figma.com/_netlify/_next/static/media/7c42ed55a7834032-s.p.woff2

Get this font

figmaSans

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for figmaSans

Free alternatives if you can't license figmaSans

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open

Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open

MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open

Used by 43 selectors on the page

figmaMono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use figmaMono

font-family: figmaMono, ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://www.figma.com/_netlify/_next/static/media/7c42ed55a7834032-s.p.woff2

Get this font

figmaMono

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for figmaMono

Free alternatives if you can't license figmaMono

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 16 selectors on the page

7c42ed55a7834032 S.p

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use 7c42ed55a7834032 S.p

font-family: '7c42ed55a7834032 S.p', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://www.figma.com/_netlify/_next/static/media/7c42ed55a7834032-s.p.woff2

Get this font

7c42ed55a7834032 S.p

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for 7c42ed55a7834032 S.p

Free alternatives if you can't license 7c42ed55a7834032 S.p

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

figmaMono Fallback

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use figmaMono Fallback

font-family: 'figmaMono Fallback', ui-monospace, SFMono-Regular, monospace;

Get this font

figmaMono Fallback

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for figmaMono Fallback

Free alternatives if you can't license figmaMono Fallback

JetBrains MonoGoogle Fonts

Modern free mono tuned for code.

Open

IBM Plex MonoGoogle Fonts

Distinctive alternative with strong personality.

Open

Fira CodeGoogle Fonts

Mono with programmer ligatures.

Open

Used by 0 selectors on the page

figmaSans Fallback

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use figmaSans Fallback

font-family: 'figmaSans Fallback', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Get this font

figmaSans Fallback

Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for figmaSans Fallback

Free alternatives if you can't license figmaSans Fallback

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open

ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open

DM SansGoogle Fonts

Cleaner geometric sibling.

Open

Used by 0 selectors on the page

How figma.com loads its fonts

Get Font Info inspected the homepage of figma.com and parsed 1 stylesheet totalling 1.0 KB. Inside those stylesheets we found 5 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 62 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on figma.com to see the exact font, weight, size and line-height for that element.

Open live font inspector for figma.com

Frequently asked questions

What font does figma.com use?

figma.com uses figmaSans, figmaMono and 7c42ed55a7834032 S.p as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 62 CSS rules on the homepage.

Where does figma.com load its fonts from?

figma.com loads its fonts from a self-hosted webfont. Get Font Info detected 5 @font-face declarations across 1 stylesheet on the live page.

What weights of figmaSans does figma.com use?

figma.com loads figmaSans in 2 weights: 320, 400. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as figma.com on my website?

Yes — once you know the font name, you can load it from the same source. If figmaSans isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on figma.com free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on figma.com with how other well-known sites load and use their fonts.

What font does linear.app use?What font does squarespace.com use?What font does nextjs.org use?What font does solidjs.com use?What font does kotlinlang.org use?What font does render.com use?

About this page

This page lists the fonts loaded by the homepage of figma.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.