Kerning is an important component of typography that ensures that the spacing between characters in a font is aesthetically pleasing. It helps to create a consistent look and feel for text, making it easier to read.
In Figma, kerning can be easily adjusted using the Character Panel.
To adjust kerning in Figma, first select the text you want to adjust. Then, open the Character Panel by clicking on the “T” icon in the top toolbar.
In this panel, you will see two options: tracking and kerning. Tracking adjusts the spacing between all characters in a font while kerning adjusts the spacing between specific pairs of characters.
Kerning is adjusted by entering a numeric value in pixels into the Kerning field in Figma’s Character Panel. The higher this value is, the further apart two characters will appear; conversely, if you enter a negative value, they will appear closer together.
When adjusting kerning in Figma, it’s also important to consider how different fonts respond to these changes. Some fonts may require more or less adjustment than others to achieve an even look and feel for your text.
Tips for Adjusting Kerning
When adjusting kerning in Figma, there are several tips that can help ensure an aesthetically pleasing result:
- Choose Your Font Carefully: Fonts with wide or narrow letterforms may require more or less adjustment than others.
- Test Different Values: Try different values to find one that looks best for your text.
- Pay Attention To Context: Consider how different words and phrases look when viewed together.
Kerning is an important element of typography that helps make text easier to read and more aesthetically pleasing. In Figma, adjusting kerning is simple using the Character Panel and paying attention to how different fonts respond to changes can help ensure a successful result.
Conclusion: How do you do Kerning in Figma? By selecting your text and opening up the Character Panel, users can easily adjust their font’s kerning by entering a numeric value into its field. It is also important to consider how different fonts respond differently when adjusting kerning values as well as testing out various values before settling on one that looks best for your text.