Fontshare
Free, quality fonts for designers from the Indian Type Foundry.
WebsiteFreeWeb
4.8Visit
Other
Typescale
Free Figma, XD and Penpot plugin that turns one line of text into a full type scale.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
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
- Consistent type sizes in seconds
- Works in Figma, XD and Penpot
- Free
Cons
- Only handles type sizing
- Needs one of the supported design tools
Who should use Typescale
Designers setting up typography for a design system or new project.
Who may not need it
People not designing in Figma, XD or Penpot.
Typescale alternatives
Similar resources to Typescale, picked from the directory.
Frontend Design Skill
An official Claude skill for distinctive, intentional UI design that never reads as a templated default.
AI ToolFreeWeb
4.8Visit
Devault — Web to Figma
Turn any website URL or email HTML file into fully editable Figma layers.
WebsiteFreeWeb
4.7Visit
Storybook
Frontend workshop for building UI components and pages in isolation.
FrameworkFreeWeb
4.7Visit
Brand Guidelines Skill
An official Claude skill that applies Anthropic's official brand colors and typography to any artifact.
AI ToolFreeWeb
4.6Visit
FontBase
Fast font manager for designers on Mac, Windows and Linux.
Desktop AppFree planmacOS, Windows
4.6Visit
Free alternatives to Typescale
Free resources that cover similar ground.
Free Faces
Curated collection of typefaces available under free licences.
WebsiteFreeWeb
4.5Visit
Meshfont
A free font design playground, right in your browser.
Web AppFreeWeb
4.5Visit
Open Foundry
Curated showcase of free, open-source typefaces and the people who made them.
WebsiteFreeWeb
4.5Visit
DesignMD.ai
Hundreds of free, community-made DESIGN.md design systems for AI coding tools.
WebsiteFreeWeb
4.4Visit
Fontalog
Search millions of fonts by visual traits like contrast, x-height, proportion and weight.
Web AppFreeWeb
4.4Visit
designmd.supply
Generated DESIGN.md style guides for any public website, ready to give an AI agent.
WebsiteFreeWeb
4.3Visit
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.
Post for X
Typescale is now featured on Best Productivity Resources, a hand-picked directory of the best productivity tools: https://bestproductivityresources.com/resources/typescale?ref=maker
Post for LinkedIn
Happy to share that Typescale is now featured on Best Productivity Resources, a hand-picked directory of the best productivity tools. See the listing: https://bestproductivityresources.com/resources/typescale?ref=maker
Badge for your website or README
Paste this HTML into your site or README. The badge links back to this page.
<a href="https://bestproductivityresources.com/resources/typescale" target="_blank" rel="noopener" title="Featured on Best Productivity Resources"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>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 databaseFree 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 listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.