Retour aux cas pratiques
Sass / SCSSExpert

Conception d'un design system complet avec tokens et architecture scalable

Scénario

Contexte : Vous devez structurer un design system destiné à être utilisé par plusieurs équipes sur un produit SaaS en croissance. Le Problème : Les couleurs, espacements, typographies et composants sont définis de manière dispersée, sans hiérarchie claire ni logique centralisée. Contraintes : Utiliser exclusivement SCSS moderne avec @use et @forward. Aucun framework externe. Séparer clairement tokens, abstractions et composants. Livrable attendu : Concevoir une architecture SCSS complète incluant design tokens (colors, spacing, typography), mixins utilitaires, fonctions et organisation modulaire robuste prête à évoluer.

Compétences ciblées

scssdesignsystemarchitecturetokensmodularite
    Conception d'un design system complet avec tokens et architecture scalable — mise en situation Sass / SCSS | CodeDuel