TypeBalance – Figma Plugin

You can improve your Typography
to a Professional Level

Your text layers can look balanced and perfect with few clicks.
Our plugin auto-adjusts the spacing between letters and lines.

Before & After
Big, Medium and Small Headings
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 99.4%, letter-spacing: -2.24px Font: Wix Madefor Display
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100.3%, letter-spacing: -1.84px Font: Quicksand
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 107%, letter-spacing: -0.53px Font: Playfair Display
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 98%, letter-spacing: -1.81px Font: GT America LCG
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 89%, letter-spacing: -1.43px Font: Space Grotesk
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100%, letter-spacing: 0.26px Font: Playfair Display
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 103%, letter-spacing: -1.46px Font: Antic Didone
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 94%, letter-spacing: -1.28px Font: Zilla Slab
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 98%, letter-spacing: -2.74px Font: Saira (Bold)
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 99%, letter-spacing: -2.2px Font: Saira (Thin)
Body and Small Text
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 130.3%, letter-spacing: 0.35px Font: Roboto
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 128%, letter-spacing: 0.31px Font: Jost
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 128.3%, letter-spacing: 0.94px Font: PP Neue Montreal
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 121%, letter-spacing: 0.29px Font: Roboto Slab
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 126.3%, letter-spacing: 0.53px Font: PP Poppins
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 134%, letter-spacing: 0.57px Font: Libre Franklin
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 90%, letter-spacing: 0.65px Font: Clash Display
Menu Links and Buttons
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100%, letter-spacing: 0.32px Font: Jost
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100%, letter-spacing: 0.56px Font: Crimson Text
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100%, letter-spacing: 0.76px Font: IBM Plex Sans
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 120%, letter-spacing: 0.54px Font: DM Serif Display
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100%, letter-spacing: 0.77px Font: Poppins
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 123%, letter-spacing: 0.69px Font: Roboto Condensed
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100%, letter-spacing: 0.49px Font: Merriweather
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 100%, letter-spacing: 0.54px Font: Dosis
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 116.7%, letter-spacing: 0.53px Font: Onest
  • Before. line-height: auto, letter-spacing: 0px
  • After. line-height: 124%, letter-spacing: 0.51px Font: Syne

Balanced Typography

Balanced typography means
good readability and aesthetics of the text.

200+ Fonts Supported

Popular GoogleFonts, custom
commercial and free fonts.

Unique & Smart Plugin

Apply best settings for different
variations of text layers.

Actual Database

We update our database
of supported fonts every week.

Plugin Anatomy

Use absolutely Free!

Apply different settings
on dark and light backgrounds

On light background text appears thinner.
On dark background text looks bolder.
This is an optical illusion effect.

Our plugin applies the best settings taking this effect into account.

Uppercase text fine-tuned to look better and readable

We analyzed many examples with uppercase headings, links, and buttons. After that we noticed that uppercase looks different because forms of letters are bigger and longer.

We found the best settings for this type of text!

We are using ML algorithms
in adding settings process

Our computer vision system selected optimal settings for the supported fonts in the database. These settings were then adjusted, corrected, and tested.

This is collaboration at its best!

Helpful tutorials to get
the best results

We’re here to help! We show recommendations and samples.

It’s simple and easy!

FAQ

You can send font names in our community
We will be adding the font to our database within a week and you can check adding status on your post page.

Italic fonts are harder to perceive. In an era where user experience and readability are the priority, straight and easily recognizable fonts have become preferable. We may include some italic fonts in the future.

We support sizes in pixels, from 8px to 210px to be exact. This is sufficient for any digital product.

You can take a look at the full size layouts in this Figma File

View changelog on Figma Community Plugin page.

You can submit message from support page.

We plan to introduce a monthly fee after we are sure that the plugin really helps designers and benefits them.

We are a team from Kazakhstan.

Dmitriy Vaganov
ML and Project Development
Sabit Sugirov
Design and Fonts Database Management

The idea for the project came to mind when it became apparent that setting typography parameters took a very long time. We hope you’ll enjoy our product!

Roadmap of Plugin

November 2024

Released
for Figma

May 2025

Release
for Canva

June 2025

Release
for Photoshop & Illustrator

August 2025

Release
for WordPress and Chrome

Try our new unique plugin!

200+ popular fonts supported
Actual updated database of fonts
Different variations for text layers
Plugin developed by designers for designers
Use absolutely Free!

Limited time.