Lexique du design et de la conception numérique. Concevoir des interfaces, des expériences ou des systèmes numériques, c’est articuler fonctionnalité, accessibilité et intention.
Cette thématique explore les pratiques, outils et réflexions qui permettent de penser le numérique non comme une suite d’écrans, mais comme un espace d’interaction humaine structuré, éthique et reproductible.
Définitions associées
-
Search for similar – Sélectionner les éléments similaires avec l’IA
Dans Figma en version payante, la fonctionnalité « Sélectionner les éléments similaires » (parfois appelée de manière informelle « rechercher des éléments similaires ») permet de sélectionner rapidement tous les calques ou objets de la page courante qui partagent les mêmes propriétés qu’un calque sélectionné par exemple, un style de texte, une couleur de remplissage,…
-
Smart animate – animation automatique
Fonctionnalité dans Figma qui permet de gérer l’animation entre frames dans un prototype. Guide smart animate Explorer les thématiques : Figma, Design conception numérique
-
Source de vérité design/dev
La source de vérité design/dev est le seul et unique référentiel fiable partagé entre designers et développeurs qui définit les valeurs sémantiques d’un système de design (couleurs, typographie, espacements, etc.). L’objectif ? Éliminer les divergences entre ce qui est conçu et ce qui est codé, en garantissant que toute modification (ex. changement de couleur primaire)…
-
Styles globaux
Les styles globaux sont des ensembles prédéfinis de propriétés visuelles (typographie, couleur, effets, etc.) qui peuvent être appliquer à plusieurs éléments. Limitation : Les styles globaux sont souvent statiques et peu sémantiques. Ils ne portent pas toujours de sens fonctionnel (ex. : “Bouton primaire” vs “#2563EB”). Dans Figma En développement Explorer les thématiques : Figma,…
-
Swap instance
Le « Swap Instance » Échanger l’Instance est une fonctionnalité de Figma qui permet de remplacer rapidement une instance de composant par une autre instance de composant, tout en conservant les modifications de position, d’Auto Layout, et les overrides (modifications de texte et de couleur) qui sont possibles. Explorer les thématiques : Figma, Design conception numérique
-
Tableau responsif
Un tableau responsive est un tableau HTML dont la présentation s’adapte automatiquement aux contraintes d’affichage des différents terminaux (ordinateur, tablette, smartphone), tout en préservant la lisibilité, l’intégrité sémantique et l’accessibilité des données qu’il contient. Contrairement à un tableau classique — qui peut déborder de l’écran ou devenir illisible sur mobile —, un tableau responsive utilise…
-
Tests UI
Les tests d’interface utilisateur (UI) sont un type de test logiciel qui vérifie que l’interface utilisateur d’une application est conforme aux exigences et aux spécifications. Ces test sont généralement effectués par des testeurs d’assurance qualité (QA) ou des développeurs Web front-end. Différents types de tests UI Explorer les thématiques : Design conception numérique
-
Tests utilisateurs
Les tests utilisateurs sont une méthode d’évaluation pratique qui consiste à observer de vraies personnes (représentatives des utilisateurs finaux) en train d’utiliser un produit (site web, application, prototype, etc.) pour repérer les points de friction, les incompréhensions ou les obstacles à une bonne expérience. L’objectif ? Valider ou améliorer le design avant le lancement officiel.…
-
Tokens Studio
Tokens Studio est un outil central dans les workflows modernes de design système. Il permet aux équipes produit, design et développement de : Contrairement à la gestion native des Variables Figma (introduites en 2023), Tokens Studio propose : Site officiel : https://tokens.studio Plugin Figma : Tokens Studio for Figma Explorer les thématiques : Design conception…
-
Tutoriels de design Figma
Page de la Figma Community dédiée aux tutoriels de design qui propose des guides pas à pas, modèles, vidéos ou fichiers Figma pédagogiques pour apprendre à utiliser Figma ou améliorer les compétences en UI/UX, prototypage, Design System, etc. Tutoriels de design Figma Explorer les thématiques : Figma, Design conception numérique
À quoi ça sert, pour qui ?
À mieux comprendre comment les interfaces orientent les comportements, façonnent les usages et traduisent (ou trahissent) des choix de conception.
Pour les designers, développeurs, enseignant·es, équipes culturelles, ou toute personne impliquée dans la création de services numériques.
Repères
- Domaines concernés : Expérience utilisateur, Accessibilité, Architecture de l’information, Écoconception
- Types de concepts associés :
- Outil (ex. Figma, Penpot)
- Méthode (ex. Card sorting, Audit UX)
- Principe (ex. Progressive enhancement, Privacy by design)
- Pratique (ex. Documentation vivante, Design system)
- Concept (ex. UX, UI, Sémantique visuelle)
- Rôles liés :
- Designer UX/UI
- Architecte de l’information
- Référent accessibilité
- Product designer
- Chargé de conception éthique
- Niveau d’appropriation recommandé :
Découverte → Compréhension → Application → Structuration → Maîtrise opérationnelle
Aller plus loin
Thématiques proches
• Interfaces et accessibilité
• Sobriété et design éthique
• Documentation et expérience utilisateur
Domaines liés
• Expérience utilisateur
• Accessibilité
• Architecture de l’information
• Écoconception
Définitions connexes (exemples)
• UX (expérience utilisateur) – Concept
• UI (interface utilisateur) – Concept
• Design system – Pratique
• Wireframe – Méthode
• Prototype – Méthode
• Figma – Outil
• Parcours utilisateur – Concept
• Test utilisateur – Méthode
FAQ
UX et UI, quelle différence ?
L’UX (expérience utilisateur) désigne l’ensemble du vécu d’une personne avec un service : clarté, fluidité, émotions, efficacité. L’UI (interface utilisateur) se concentre sur les éléments visuels et interactifs : boutons, typographie, couleurs, micro-interactions. L’UI sert l’UX, mais ne la remplace pas.
Un design system, est-ce réservé aux grandes entreprises ?
Non. Même un petit collectif peut bénéficier d’un mini design system : une palette de couleurs, une typographie cohérente, quelques composants réutilisables. L’objectif est la cohérence, pas la complexité.