Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Other

Typescale

Free Figma, XD and Penpot plugin that turns one line of text into a full type scale.

Visit Typescale4.5

  • Rating

    4.5 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Cross-Platform

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is Typescale?

Typescale is a free plugin for Figma, Adobe XD and Penpot that generates a modular typographic scale. You select a single line of text and it creates a harmonious set of heading and body sizes, which you can use as text styles in your design system.

Pros: what Typescale does well

  • Consistent type sizes in seconds
  • Works in Figma, XD and Penpot
  • Free

Cons: where it falls short

  • Only handles type sizing
  • Needs one of the supported design tools

Who Typescale is for

Designers setting up typography for a design system or new project.

Who can skip it

People not designing in Figma, XD or Penpot.

Typescale alternatives

Not sold on Typescale? These do a similar job, and each card says what it has in common.

All Workflows resources

Fontshare

Focus: fonts, free fonts and typefaces. Shares typography with Typescale. Adds Web. Rated 4.8 (Typescale: 4.5).

WebsiteFreeWeb
4.8Visit

Phosphor Icons

Focus: icons, icon family and ui design. Shares figma plugin with Typescale. Adds Web. Rated 4.7 (Typescale: 4.5).

WebsiteFreeWeb
4.7Visit

Storybook

Focus: ui development, components and testing. Shares design systems with Typescale. Adds Web. Rated 4.7 (Typescale: 4.5).

FrameworkFreeWeb
4.7Visit

Free alternatives to Typescale

Want to spend nothing? These free picks cover similar ground.

Font Squirrel

Focus: free fonts, web fonts and commercial use. Shares typography with Typescale. Adds Web. Rated 4.6 (Typescale: 4.5).

WebsiteFreeWeb
4.6Visit

Leonardo

Focus: colour palettes, accessibility and contrast. Shares design systems with Typescale. Adds Web. Rated 4.6 (Typescale: 4.5).

Web AppFreeWeb
4.6Visit

Realtime Colors

Focus: colour palettes, web design and tailwind. Shares typography with Typescale. Adds Web. Rated 4.6 (Typescale: 4.5).

Web AppFreeWeb
4.6Visit

Velvetyne

Focus: fonts, open source and display fonts. Shares typography with Typescale. Adds Web. Rated 4.6 (Typescale: 4.5).

WebsiteFreeWeb
4.6Visit

Wakamai Fondue

Focus: fonts, opentype and css. Shares typography with Typescale. Adds Web. Rated 4.6 (Typescale: 4.5).

Web AppFreeWeb
4.6Visit
Are you the maker of Typescale?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.