BASELINE GRID 8px - Le tutoriel français ui design web design sous Figma - Grille de ligne de base

Опубликовано: 19 Июнь 2026
на канале: JessUI Design
8,841
182

🚨Si tu souhaites apprendre rapidement à utiliser Figma c'est par là : https://jessicatrocme.podia.com/ 🚨
⇩ Voir la suite ⇩

🏆 Master design avec moi
✅ ❤️ Formation FIGMA pour maitriser auto-layout et les variables : Créer des UI Design responsive avec Figma :
https://jessicatrocme.podia.com/en-co...
✅ Formation : Apprendre à utiliser Figma rapidement :
https://jessicatrocme.podia.com/appre...

Je vais vous montrer une des base en UI Design : Comment mettre en place une baseline grid de 8px ? C'est applicable sous Adobe XD, Figma et sous n'importe quel logiciel de conception. Je vais vous montrer ça sous Figma vu que c'est mon outil préféré :)

Une grille de ligne de base est une structure sous-jacente construite à partir d'unités de mesure invisibles ... plus simplement, elle aligne vos éléments.
C’est un excellent outil typographique, mais il est également utile lors de la présentation d’autres éléments sur la page. Une grille de base est un moyen de vous aider à prendre des décisions et à renforcer la cohérence de votre interface utilisateur et de vos conceptions Web

En français, une baseline grid est une grille de ligne de base . C'est une structure composée d'unité de mesure invisibles qui vous permettent d'aligner des éléments sur votre page.

Si vous avez entendu des termes comme :
Typographic scale
Vertical rhythm

Alors la baseline grid va vous aider à accomplir toutes ces choses :)

////////// Formations
Accéder à une formation pour apprendre à utiliser rapidement Figma : https://jessicatrocme.podia.com/

Être informé de la sortie d'une prochaine formation : Apprendre Figma en Créant le design d'une application mobile pas à pas : https://umento.typeform.com/to/FOA8oOQu​

🔥🔥🔥🔥 Liens donnés dans la vidéo 🔥🔥🔥🔥
Raccourcis clavier Figma
https://defkey.com/fr/figma-raccourci...

Layout grid : créer des grilles responsives
   • Figma - Layout Grid / plugin Blush - Grill...  

Auto layout
   • Figma Auto Layout / Une fonctionnalité pou...  



🔥🔥🔥🔥 À lire en plus sur les Baseline Grids 🔥🔥🔥🔥
https://superdream.com/news-blog/tuto...
https://webdesign.tutsplus.com/articl...
https://www.creativebloq.com/web-desi...

---------------------------------------------------------------------------------------------------------

////////// Sondage
Vous pouvez répondre à ce sondage cela m'aidera à vous proposez des thématiques plus pertinentes pour vous :
https://forms.gle/Q3DKmY7Bp1zXZvX77

/////////// Qui suis-je ?
Web Designer et développeuse Front-end depuis 10 ans. J'ai eu un cursus atypique avec licence de Physique-Chimie, un master MEEF mais j'ai trouvé ma passion il y a 10 ans. En autodidacte, je me suis formée grâce à des livres, des tutos et l'entraînement. Depuis, j'ai eu beaucoup d'expérience dans le domaine, avec de nombreux sites dont beaucoup dans le publique comme par exemple les derniers sortis en début 2020 :
https://www.haute-vienne.fr/accueil
https://assises.haute-vienne.fr/accueil
https://www.cc-montesquieu.fr/accueil
https://www.technopole-bordeaux-monte...

////////// Connectez-vous avec moi ici 👍🏼
Facebook :   / jessicatrocmedesign  
LinkedIn :   / jessica-trocm%c3%a9-96a3b868  

#baselinegrid #ui #webdesign