Design basics

    Text and fonts

    Every character lands where Figma placed it, in the real font.

    Keep text as text layers. Every character is placed where Figma placed it, with the same size, spacing, and line breaks, and the font file is embedded in the project.

    Layers
    • Welcome back
    • Sign in
    DoLeave text editable. Labels stay sharp at any size, and values like a slider's number can change at runtime.
    Layers
    • Welcome back
    • Sign in
    Don'tDon't outline text into vectors. It becomes a picture: nothing can change it, and a button labeled that way may not be recognized.