Define text styles
When you're designing a landing page, you want to make sure your text is styled in a way that's easy to read and helps guide users to the most important information. This means establishing a typography hierarchy, which can be time-consuming and tedious to do manually. Figma has a great feature that makes this process a breeze — text styles. Text styles help designers quickly apply a consistent set of formatting properties to all the text elements throughout their design.
With Figma’s text style, you can easily modify things like:
- Font family, weight, and size
- Line height
- Letter spacing
- Paragraph spacing and indentation
- Decoration (strikethrough and underline)
- Transform (uppercase, lowercase, and capitalization)
- Other OpenType features (tabular figures, small caps, etc.)
And if you ever need to make a change to your text, like adjusting the font size or letter spacing, you can do it with just one edit, and all the elements with that text style will update automatically. Note that properties like color, justification, text box alignment, and text box resizing cannot be set in text styles.[1]