Figma Typography

Figma Text Styles

Frames X offers a superior typography system compared to other design frameworks and UI kits. It features a typographic scale that covers all possible interface use cases and supports text for multiple colors, screen sizes, and fonts.

Frames X Core Typography Features

• Multiple fonts support. The default font is Inter by Rasmus Andersson, with an alternative Serif font called Lora.

• Framework-independent naming convention, compatible with TailwindCSS, Shadcn UI, Bootstrap, and Material Design.

• Includes universal styling variables for Font weight, Font size, Line height, and letter spacing parameters.

Frames X uses variables/tokens for efficient global control over your project's text styles, enhancing your work efficiency and consistency. To learn more about Figma variables, be sure to check out the Intro Intro Guide to Figma Variables.