Text Visual Alignment

About this plugin

When working with typography in Figma you often have to manually move text layers and align them to the grid or ruler. This happens because of glyph sidebearings which create huge “white holes”. It gets even worse if you have two text layers of different sizes. In this case the “holes” become much more visible.

Our plugin compensates for the sidebearings and works with layers in two ways. Strict Alignment moves the text layer to the first visible pixel. It can be useful when you work with a group of single-line text layers. Optically Correct Alignment moves the layer to the sidebearing value of a straight glyph stem (Latin n/u, Cyrillic н). You can use this option for multi-line layers, especially when the text is set in small sizes.