Thématique du numérique : Figma

  • Contraintes

    Une contrainte définit les règles de positionnement et de redimensionnement d’un élément enfant par rapport à son conteneur parent. Elle détermine comment l’élément se comporte lorsque le parent change de taille (redimensionnement, adaptation responsive), en conservant ou en ajustant ses distances, alignements ou dimensions. Contrainte de positionnement relatif Paramètre de contrainte qui ancre un élément…

  • Design System

    Un design system est un cadre vivant, collaboratif et évolutif qui regroupe, documente et met à disposition les principes, les composants, les directives et les ressources nécessaires à la création d’interfaces utilisateur cohérentes, accessibles et efficaces à travers tous les produits, canaux ou équipes d’une organisation. Il ne se limite pas à un kit graphique…

  • Design system for Figma

    Modèles de systèmes de conception pour le logiciel de conception Figma, présentant une bibliothèque de composants, visuels et principes d’harmonisation au code réutilisable. Designsystemsforfigma.com Material 3 Design System Kit

  • Design token

    Un design token est une petite unité de conception d’un design system qui permet de modifier les valeurs à la volée dans le projet : une couleur, une typographie pour les titres. Un jeton de conception peut être représenté par des variables telles que primary-color, secondary-color etc. Un Design Token est un pont de données…

  • Design tokens

    Les Design tokens sont des unités atomiques de design exprimées sous forme de paires clé/valeur, utilisées pour décrire de façon sémantique les choix visuels d’un système de design. Contrairement à des valeurs brutes (ex. #FF0049 ou 16px), les tokens portent du sens métier : Les Design Tokens sont des valeurs nommées qui représentent les éléments…

  • Designer UI Figma

    Professionnel chargé de l’exécution visuelle et de l’esthétique des interfaces numériques. Il se concentre sur l’application de la charte graphique, la définition des styles (couleurs, typographie), la création des composants (UI) et des micro-interactions (Motion Design) au sein de Figma. Son objectif est d’assurer une expérience attrayante, accessible et ergonomique au niveau de l’interaction, en…

  • Detaching

    Detaching ou « détacher » en français dans Figma désigne l’action de rompre le lien entre une instance de composant et son composant principal (main component), afin de la modifier indépendamment.

  • Effet esthétique-utilisabilité – Aesthetic-Usability Effect

    Phénomène cognitif selon lequel les utilisateurs perçoivent un produit ou une interface visuellement attrayante comme plus facile à utiliser, même lorsque sa performance réelle en termes de fonctionnalité, d’efficacité ou d’ergonomie est identique voire inférieure à celle d’un design moins soigné. Cette perception biaisée influence non seulement l’attitude initiale de l’utilisateur, mais aussi sa tolérance…

  • Empty state – État vide de l’interface

    Un « empty state » est un état d’une interface utilisateur dans lequel il n’y a rien à afficher. Cela peut être dû à un certain nombre de raisons, telles que l’absence de données, l’absence d’autorisations ou l’absence d’interaction de l’utilisateur. Il peut être utilisé pour fournir des instructions, un message explicatif, un bouton d’action, des conseils…

  • Espace négatif

    L’espace négatif se réfère à la zone vide ou non occupée par les objets principaux dans une composition graphique comme par exemple un logo ou une affiche.  Cette zone vide qui entoure ou sépare des éléments visuels, peut être utilisée pour créer un effet de profondeur, de double lecture, de contraste, de mise en valeur…