Web Design » Figma » How Do You Do Kerning in Figma?

How Do You Do Kerning in Figma?

Last updated on September 28, 2022 @ 9:44 pm

Kerning is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result.

Kerning can be applied in many different ways, but the most common is to adjust the space between specific pairs of letters. This can be done manually, by eye, or with the help of software.

PRO TIP: Kerning is the process of adjusting the spacing between characters in a text. It is a crucial part of typography, and can make or break a design. In Figma, kerning is controlled by the character spacing setting. To change the character spacing, select the text layer and open the Character Settings panel. From here, you can adjust the kerning value. Kerning values are typically very small, so you may need to zoom in to see the effect.

When kerning by hand, it is important to take into account the shapes of the letters and how they relate to each other. For example, two letters with rounded shapes (like ‘o’ and ‘e’) will often look better if they are closer together than two letters with sharp shapes (like ‘t’ and ‘f’).

Software can be very helpful for kerning, as it can take into account the shapes of the letters and automatically adjust the spacing between them. However, it is still important to check the results manually, as software can sometimes make mistakes.

Kerning is an important part of typography, and can make a big difference to the overall look of a piece of text. With a little practice, it is something that anyone can learn to do.

Kerning is an important tool in any typeface designer’s toolkit. By understanding how to kern typefaces, you can create beautiful, balanced text that’s easy on the eyes.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.