Renforcez la cohérence visuelle de vos produits grâce aux Design Tokens

• Comprendre l’utilité des Design Tokens et créer une définition commune.
• Définir une nomenclature pour chaque type de tokens sur les niveaux core et sémantique.
• Définir un premier scope des fondations visuelles de votre design system.
• Maîtriser les outils pour créer, centraliser, transformer et synchroniser les tokens en design et en code.

• Définir l’impact des design tokens dans son design system
  • Introduction
    • Définition d’un design token.
    • Pourquoi les design tokens existent-ils ?
    • La place des données design au sein d’un design system.
  • Définition du scope idéal
    • Identifier les design tokens les plus importants.
    • Définir une première nomenclature.
    • Validation d’un premier workflow entre designers et développeurs selon le type de design token choisi.
      
      
• Workflow entre designers et développeurs
  • Mise en place du workflow défini
    • Nommer les design tokens du type identifié (ex: color) pour les niveaux core et sémantique
    • Création des styles/variables dans Figma.
    • Documenter les design tokens dans la source de vérité (ex: zeroheight).
    • Implémenter manuellement les design tokens en code dans un projet d’exemple.
      
      
• Consolider le workflow pour garantir son impact à long terme
  • Tester et améliorer le workflow mis en place
  • Recommencer le processus avec un autre type de design token prioritaire.
  • Identifier les points d’amélioration à mettre en place dans le futur.
    • Exemple : mettre en place un générateur de design tokens pour ne plus créer manuellement les design tokens utilisés en code.

• Présentiel (locaux Frontguys Paris 9e)
• 8 stagiaires maximum
• Repas du midi inclus sur place

✅ Expertise reconnue : Formations encadrées par des experts en design, garantissant une qualité d’enseignement élevée

✅ Innovation et partage : Culture d’innovation et d’excellence, avec un fort accent sur le partage de connaissances et les échanges, pour un apprentissage continu

✅ Formations personnalisées : Programmes sur-mesure adaptés à vos besoins et à vos problématiques particulières