Design Systems Academy

Figma Automatic Dark Mode

1 Lesson · 2 hours · Every Monday · 6 to 8 pm Madrid · GMT+2
Purchase for 39 €

You'll be able to choose the cohort at checkout

Figma Logo

Module 1 · Overview

  • Accessibility
  • APCA Text Contrast
  • P3 Color Gamut
  • Designed for UIs
Figma Logo

Module 2 · Scales

  • Color ramps
  • Choosing a brand scale
  • Choosing a gray scale
  • Neutral and natural parings
Figma Logo

Module 3 · Semantic scales

  • Info colors
  • Success colors
  • Warning colors
  • Error colors
Figma Logo

Module 4 · Text scales

  • Overview
  • Choose a vibe
  • Subtle differences
  • Experimentation
Figma Logo

Module 5 · Use cases

  • The 12 steps
  • Understanding each step
  • Understanding specific cases
  • Caveats
Figma Logo

Module 6 · Apply Dark Mode

  • Create Light & Dark mode
  • Importing the tokens
  • Applying the tokens
  • Examples

© Matias Bejas AKA Matmac 2024

Terms & Conditions