
Objectif de la formation
Dans cette formation Figma, vous découvrirez comment concevoir un site web de A à Z en intégrant les bonnes pratiques de design moderne.
Nous partirons de la création des Design Tokens, pour construire un Design System complet, et aboutir à des maquettes prêtes à être intégrées.
Qu’est-ce qu’un Design Token ?
Un Design Token est une valeur stockée sous forme de variable (couleur, typographie, espacement, ombre, etc.), utilisée pour assurer la cohérence et la scalabilité d’un système de design. Grâce à eux, chaque élément de l’interface suit une nomenclature partagée, de la conception jusqu’à l’implémentation en ligne.
Ces tokens servent de briques fondamentales à la mise en place d’un Design System : une bibliothèque centralisée de composants et de styles pour gagner en efficacité et en clarté dans vos projets.
Au programme de ce tuto sur les Design Tokens et à la Création d’un Design System dans Figma
Au fil de cette formation orientée cas pratique, vous allez :
- ✅ Prendre en main la nouvelle interface de Figma
- ✅ Comprendre les bases de l’UX et de l’UI Design
- ✅ Utiliser les outils essentiels de Figma
- ✅ Créer et structurer des Design Tokens
- ✅ Mettre en place un Design System réutilisable
- ✅ Réaliser des maquettes fonctionnelles et les prototyper
Un QCM final vous permettra de valider vos acquis à la fin de la formation.
Besoin de précisions ou d’une vidéo complémentaire ? Une section d’entraide est là pour poser vos questions et échanger avec les autres apprenants.
Pour aller plus loin
Si vous souhaitez en apprendre plus sur Figma, découvrez ma formation complète.