Text and a Type Scale

Press T and click anywhere on the canvas to place a text layer — type, then click elsewhere or press Escape to finish editing. Text in Figma is a full vector object, so it stays sharp at any zoom and can have its own fill, stroke, and effects like any other layer.

With a text layer selected, the Design panel's Typography section controls the font family, weight (Regular, Medium, Bold, and so on — each weight is a separate installed font file), size, line height, and letter spacing. Figma ships with a large built-in font library, and any font already installed on your computer is also available.

Picking a font size freehand for every heading and paragraph leads to a page with a dozen slightly different sizes that don't feel related. A type scale is a small, fixed set of sizes — reused everywhere — that keeps a whole design feeling like one coherent system rather than a patchwork.

This is a starting point, not a rule — real design systems tune these numbers — but picking five sizes upfront and sticking to them beats improvising a new size every time.