BIBLIOTHÈQUE DE DESIGN

Système de conception

Gardez les composants cohérents, faciles à comprendre et à utiliser.

Outils complémentairesAgent skillFigma skill

Parcourir les checklists

Choisissez une plateforme ou un sujet.

Outils complémentaires

Plateforme de conception

Définissez des règles pour le texte, la couleur, l'espacement, les jetons et l'accessibilité.

5

Composants d'interface

Vérifiez la structure, les variations et l’état de chaque composant.

27
Système de conception

Accordéon

Réduisez le contenu tout en facilitant la recherche et la navigation.

6 points de contrôle
Système de conception

Bannière

Mettez les informations importantes dans le bon contexte.

6 points de contrôle
Système de conception

Boutons radio

Rend la sélection unique claire et facile à utiliser.

6 points de contrôle
Système de conception

Info-bulle

Ajoutez une explication sans masquer les informations requises.

6 points de contrôle
Système de conception

Dialogue modal

Gardez les décisions ciblées et les lignes de clôture faciles à trouver.

6 points de contrôle
Système de conception

Champ de saisie

Aide à saisir correctement et à corriger les erreurs directement dans le champ d'information.

8 points de contrôle
Système de conception

Bouton

Clarifier les actions et les réponses après l'activation.

6 points de contrôle
Système de conception

Basculer

Changez de statut sans avoir à deviner l'effet.

6 points de contrôle
Système de conception

Tiroir

Ouvrez le contenu secondaire tout en conservant le contexte de l'écran principal.

8 points de contrôle
Système de conception

Sélecteur de dates

Aide à sélectionner les dates sans confondre le format ou la période.

8 points de contrôle
Système de conception

Fil d'Ariane

Indique la position et le chemin de retour dans la structure du contenu.

4 points de contrôle
Système de conception

Alerte

Signalez ce qui s’est passé et quelles sont les étapes nécessaires.

6 points de contrôle
Système de conception

Squelette

Indique le contenu à venir sans faire sauter la mise en page.

5 points de contrôle
Système de conception

Carrousel

Vous permet de parcourir le contenu de manière séquentielle tout en contrôlant l'emplacement.

7 points de contrôle
Système de conception

Curseur

Aide à sélectionner une valeur contrôlée ou une plage de valeurs.

6 points de contrôle
Système de conception

Toast

Court feedback après action sans bloquer le travail.

8 points de contrôle
Système de conception

Onglets

Basculez entre les zones de contenu du même niveau.

7 points de contrôle
Système de conception

Case à cocher

Sélectionnez plusieurs éléments ou activez une sélection indépendante.

6 points de contrôle
Système de conception

Barre de recherche

Commencez votre recherche avec une portée et une réponse claires.

7 points de contrôle
Système de conception

Chargement

Indique que la tâche est en cours et quand elle doit être traitée.

6 points de contrôle
Système de conception

Icône

Gardez l'icône reconnaissable et significative, quelle que soit sa taille.

5 points de contrôle
Système de conception

Tableau

Présenter des données structurées pour analyse et comparaison.

10 points de contrôle
Système de conception

Carte

Collectez des informations et des actions dans une seule unité facile à analyser.

5 points de contrôle
Système de conception

Insigne

Ajoutez de la quantité ou du statut sans empiéter sur le contenu principal.

4 points de contrôle
Système de conception

avatar

Montrez votre identité et fournissez des mises à jour contrôlées des photos.

6 points de contrôle
Système de conception

Menu déroulant

Intégrez les actions associées dans des menus faciles à gérer.

8 points de contrôle
Système de conception

Pas à pas

Augmentez ou diminuez un nombre par étapes claires.

7 points de contrôle

Vérifiez et enregistrez votre progression

Cochez chaque point vérifié.
Votre progression est enregistrée dans ce navigateur.

Trouver une checklist

Utiliser les checklists

  1. Choisissez une checklistChoisissez une catégorie ou recherchez avec Ctrl / ⌘ K.
  2. Vérifiez chaque pointComparez votre design aux indications, puis cochez les points vérifiés.
  3. Enregistrez et poursuivezEnregistrez une checklist pour la retrouver. La progression reste dans ce navigateur et ne se synchronise pas entre appareils.