Design System news #4
Découvrez les nouveautés sur les Design Systems et le product design
Documenter son Design System
Bien que cet article date de l’année dernière, il peut être un excellent guide pour approfondir la documentation de son Design System avec quelques tips :
Diviser la doc : Segmente la tâche en listant toutes les pages à créer et les éléments à inclure.
Prioriser : Commence par les parties qui causent le plus de friction ou qui sont fréquemment utilisées et ont des dépendances
Visualiser l'avancement pour faciliter la progression et informer les autres membres de l'équipe
Adapter le plan en fonction des obstacles imprévus ou des changements de priorité.
Documenter ses styles & variables automatiquement
Auto Documentation est un plugin figma qui va te permettre de générer une documentation pour ses couleurs, fonts et variables
Générer une palette de couleur accessibles
Il existe de nombreux outils pour générer des palettes de couleurs. Cependant, lorsqu'il s'agit de définir les couleurs d'une interface, il est essentiel de prendre en compte l'accessibilité.
C'est pourquoi des outils comme Accessible Color Palette Generator sont incontournables.
Grâce à cet outil, tu peux ajuster différents niveaux de contraste afin de respecter les critères d'accessibilité.
Lean Design System Framework
Le Lean DS Framework Canvas a été conçu pour t’aider à planifier et structurer l’orientation de ton design system afin de répondre efficacement aux besoins de ton entreprise.
Le framework, réparties en 3 grandes catégories qui regroupe 11 sections :
Le Pourquoi – Comprendre l’objectif
Le Quoi – Comprendre les moteurs et motivations
Le Comment – Comprendre la faisabilité
Télécharger le template sur figma community
Prioriser les besoins de son Design System
Dans cet article, découvre comment l'équipe du Desoign System d'Agoda a mis en place un processus structuré pour gérer et prioriser les demandes croissantes liées à leur DS.
Face à une adoption accrue et à des demandes multiples, ils ont identifié le besoin d'un cadre de priorisation clair et d'une meilleure communication avec les parties prenantes.
Les principales étapes de leur approche incluent :
Définir un cadre de priorisation : Impliquer les parties prenantes dès le début pour établir une compréhension commune des compromis et des priorités à l'échelle de l'entreprise.
Centraliser les demandes : Utiliser un tableau Jira dédié pour regrouper toutes les demandes, offrant une vue d'ensemble complète des besoins du DS.
Établir des routines : Mettre en place des workflows standardisés et des boucles de rétroaction pour traiter efficacement les demandes.
Communiquer avec les parties prenantes : Maintenir une communication régulière pour gérer les attentes et renforcer la confiance.
Apprendre et itérer : Suivre des indicateurs clés et ajuster continuellement le processus en fonction des retours et des besoins évolutifs.
RGAA Audit avec Figma
RGAA Audit est un plugin figma conçu par Loïc.
Il permet de lancer un audit par frame, et les résultats et recommandations sont écrits en Français.
Maintenir un changelog de ses composants
Pour terminer, je te propose de découvrir FigLog.
Il s’agit d’un widget Figma qui peut te permettre de maintenir (manuellement) l’historique des modifications de tes composants.