Create a perfect
typographic scale
in one click.

A complete, production-ready typographic system, all from a single source of truth. That means preview frames, Text Styles, Variables organized into Primitives and Semantic Typography, a CSS export, and an AI prompt, generated together and always in sync.

You define the scale once, and Typewave takes care of every output format for you.

You only need to set your sizes once, for desktop. Typewave scales tablet and mobile automatically using a square-root formula, so larger sizes shrink a bit more than smaller ones. The result is a hierarchy that stays balanced and easy to read at every breakpoint, without any manual guesswork on your part. And if a specific size needs a manual touch, you can always override the tablet or mobile value by hand, the automatic scaling is a starting point, not a constraint.

Absolutely. Typewave starts you off with a sensible structure: Display, Heading, Body, Button and Caption. But nothing is locked in. Rename any category, adjust its family, weight, size, line-height and letter-spacing, or add new ones whenever you like. You can even mix up to 5 font families across roles, from Primary to Quinary.

Yes. Typewave includes a Settings section right inside the plugin where you can change, add or replace any token value, nothing is hardcoded or locked to a preset. Edit sizes, weights, line-heights and letter-spacing directly, and every export, from Figma Variables to CSS and the AI prompt, stays in sync with what you set.

To manage them, go to the Scale section, then click the Settings icon in the bottom right corner and select Edit Tokens. From there you can control every value for font size, line-height and letter-spacing.

Each font role in your scale can be given a clear purpose, like "Display: hero titles, above the fold only". Typewave bundles all those definitions into a single, ready-to-use prompt you can hand straight to AI coding tools, so they apply your typography correctly instead of guessing.

Because building and maintaining a tool like this is real, ongoing work, not a one-off script we shipped and forgot. Typewave isn't meant to squeeze money out of designers, it's meant to fund what we build next: more tools that help designers and developers work in a structured, sustainable way.

Reach out anytime at hello@blendmodes.com. We use Typewave ourselves on every project, so a bug or a missing feature affects our own workflow just as much as yours, it's genuinely in our interest to fix it fast. Tell us what's wrong or what you need, and we'll get back to you.