Skip to main content

⚡ Quick Start

Already familiar with the basics?
Here’s the fastest way to start designing with our Design System.

✅ Checklist​

  1. Create a new file

    • In the Product → Your Squad project on Figma.

  2. Enable libraries

    • Go to Assets → Library and turn on the DS libraries.

  3. Insert components

    • Drag and drop components (buttons, inputs, icons) from the Assets panel.

  4. Apply tokens

    • Use Tokens Studio to apply color, spacing, and typography tokens.
    • Always prefer tokens instead of raw styles.

  5. Switch themes

    • In Tokens Studio, choose the correct brand + mode (e.g., Betfair Light).
    • Validate in at least two brands before handoff.

💡 For a step-by-step walkthrough with screenshots and explanations, see the Getting Started guide.