Opens in a new tab

Type Scale Calculator

Tools

Back to Partner Resources
Five rising blocks engraved X-Small, Small, Medium, Large, and XXL in a pink to blue gradient, showing a type scale.

Clamp calculators for fluid typography

These type scale calculators are made for designers who want to keep font sizes consistent from their Figma files through to development. One calculator handles your headings and the other handles your body text. Simply input your viewport min and max sizes, base font sizes, and preferred scale ratio, and each tool will generate your sizes with visual previews so you can see exactly how your typography hierarchy will look. The best part? Each size comes with the complete clamp function showing both minimum and maximum pixel values, which you can copy directly into your Figma files for pixel-perfect design handoffs. Whether you’re working on a new project or refining an existing design system, these tools eliminate the guesswork and help your Figma designs match the actual font sizes in the live environment.

Heading Type Scale Calculator

Text Type Scale Calculator