Figma / Public website reference / Type that makes room.
Type that makes room.
Observed roles, variable axes, exact metrics, and content rules.
0123456789
Figma Sans
A custom variable typeface: optical size 12–38, width 75–100, weight 300–900, MONO 0–100, and slant −6–0. The recovered file is Figma VF 1.001, copyright Grilli Type 2024. The website font-face declares weight 320; display styles explicitly set width 96 and weight 400.
Figma’s delivered font rejects cross-origin loading. The published guide therefore bundles SIL-OFL Liberation Sans as an explicit metric fallback with the source’s metric overrides. The private evidence retains the original Figma Sans file and its specifications. The fallback is not the proprietary typeface; source fidelity remains limited. Fallback license.
88px / 1 / -1.25pxIdeas take shape.
64px / 1.1 / -1.25pxIdeas take shape.
56px / 1 / -1.25pxIdeas take shape.
44px / 1.1 / -0.66pxIdeas take shape.
30px / 1.2 / -0.66pxIdeas take shape.
24px / 1.3 / 0Ideas take shape.
24px / 1.4 / 0Ideas take shape.
16px / 1.45 / 0Ideas take shape.
14px / 1.4 / 0Ideas take shape.
12px / 1.4 / 0Ideas take shape.
Responsive values are tokens
| Token | 390px | 768px | 1440px |
|---|---|---|---|
| --fig-typography-size-formLabel | 0.6875rem | 0.6875rem | 0.75rem |
| --fig-typography-size-title1 | 2.25rem | 2.25rem | 3.5rem |
| --fig-typography-size-button | 1rem | 1rem | 1rem |
| --fig-typography-size-caption | 0.875rem | 0.875rem | 0.875rem |
| --fig-typography-size-display1 | 4.5rem | 4.5rem | 5.5rem |
| --fig-typography-size-bodyXL | 1.125rem | 1.125rem | 1.5rem |
| --fig-typography-size-bodyL | 1rem | 1rem | 1rem |
| --fig-typography-size-title4 | 1.375rem | 1.375rem | 1.5rem |
| --fig-typography-size-display2 | 2.75rem | 2.75rem | 4rem |
| --fig-typography-size-badge | 0.75rem | 0.75rem | 0.875rem |
| --fig-typography-size-title3 | 1.5rem | 1.5rem | 1.875rem |
| --fig-typography-size-body | 0.875rem | 0.875rem | 1rem |
| --fig-typography-size-formInput | 0.875rem | 0.875rem | 1rem |
| --fig-typography-size-title2 | 2rem | 2rem | 2.75rem |
| --fig-typography-size-buttonS | 0.875rem | 0.875rem | 0.875rem |
Content and accessibility
One h1 per page. Section h2 and item h3 remain semantic even when their visual role changes. Headlines wrap naturally; body copy stays near 65 characters. Link labels name the destination. Dates use an explicit month and year; currency specimens name the billing unit and capture date. Code uses a monospace fallback rather than claiming an observed programming font.
Long translated text increases height. Never hide a required label behind ellipsis. For RTL fixtures, apply dir=rtl to the content region and use logical padding. The guide does not claim Arabic glyph coverage in Figma Sans; system fallback handles missing glyphs.
@font-face {
font-family: "Figma metric fallback";
src: local("Arial");
size-adjust: 98.16%;
ascent-override: 93.72%;
descent-override: 19.36%;
line-gap-override: 0%;
}