Thématique du numérique : Figma

  • Modèle d’architecture de l’information

    Un Information Architecture Template (Modèle d’Architecture de l’Information) est un fichier ou une ressource préconçue (comme celle de l’image) utilisée dans Figma pour : Utilité et contenu C’est un outil structurant dans Figma qui vous permet de concevoir le « squelette » logique de votre produit avant d’en designer l’apparence. Information Architecture IA Figma

  • Mood board – Planche tendance

    Le mood board appelé aussi « planche tendance » est un support sur lequel sont réunis tous les éléments nécessaires, les idées, les inspirations utiles à la réalisation d’un projet Web pour exprimer clairement son concept, sa direction artistique et conceptuelle. La planche tendance précise l’ambiance générale, regroupe les images sur le même thème, les types de…

  • Nudge amount – quantum de déplacement

    Le nudge amount (ou quantum de déplacement) désigne la distance en pixels dont un objet se déplace lorsque vous utilisez les flèches directionnelles du clavier (← ↑ → ↓) pour le déplacer dans Figma. Personnalisation du nudge amount Depuis 2023, Figma permet de modifier cette valeur par défaut : Exemple : si vous travaillez avec…

  • Overlay

    L’overlay est un élément d’interface placé en superposition d’un bloc de contenu d’un site Web ou d’une application mobile, utilisé pour améliorer l’expérience utilisateur. Il s’agit d’une couche visuelle qui apparaît au-dessus du contenu en cours de lecture pour collecter des informations, confirmer des actions, afficher du contenu supplémentaire, afficher des notifications. Un overlay doivent…

  • Pipeline Figma

    Un pipeline est une chaîne automatisée de transformation et de distribution des design tokens ou d’autres artefacts de design : Les outils clés 1. Style Dictionary (Amazon) Site : https://amzn.github.io/style-dictionary/ 2. Nouveaux parseurs basés sur la DTS (ex: DTS parsers, d’autres outils de transformation) Rôle : Simplifier la transformation des tokens grâce à la standardisation.…

  • Polaris – Système de design de Shopify

    Polaris est le système de conception officiel de Shopify, conçu pour garantir une expérience utilisateur cohérente, accessible et efficace dans les interfaces destinées aux commerçants, aux développeurs et aux partenaires de la plateforme. Il fournit des composants UI, des guidelines UX, des outils de développement et des ressources Figma, tous alignés sur les besoins du…

  • Props sémantiques

    Les props sémantiques (ou propriétés sémantiques) sont des paramètres nommés de façon intentionnelle et fonctionnelle plutôt que visuelle ou technique utilisés pour décrire les variantes d’un composant dans un Design System (en Figma, code ou autre outil). Elles permettent de séparer le quoi du comment : Exemple concret : un bouton Props non sémantiques (à…

  • Prototype

    Le prototype en design d’expérience utilisateur (UX) peut être défini comme une visualisation interactive des interfaces. Il s’agit d’un outil clé pour les UX designers pour vérifier les fonctionnalités, tester les dispositifs envisagés, affiner la conception, trouver de nouvelles idées, tester un parcours ou une action. Les prototypes peuvent être utilisés pour différents types de…

  • Ratio d’aspect – Aspect Ratio

    Le ratio d’aspect désigne la proportion entre la largeur et la hauteur d’un espace visuel qu’il s’agisse d’une image, d’un cadre (frame), d’un écran, d’une vidéo ou d’une interface. Il s’exprime sous la forme largeur : hauteur (ex. : 16:9) et reste indépendant de la résolution réelle (en pixels) ou de l’unité de mesure (points,…

  • Redlining – Cotation dans Figma

    Le redlining (souvent traduit par « cotation » ou « annotation technique ») désigne l’ensemble des indications précises qu’un designer ajoute à une maquette pour communiquer les spécifications techniques aux développeurs : Dans Figma, ces informations ne sont pas dessinées manuellement (comme sur les anciens fichiers Photoshop), mais générées automatiquement via le Dev Mode et…