Figma 101 est une série de séances pratiques destinée principalement aux débutants et aux nouveaux utilisateurs de Figma.

Pour cette quatrième séance, nous découvrirons comment transformer des éléments répétitifs en composants réutilisables, créer leurs différents états et organiser un premier système de composants.

Quand : samedi 26 septembre 2026, de 10h à 13h GMT+1

Où : en ligne, directement sur Bevy

Format : atelier pratique en direct

Niveau : débutant, avec un défi d’approfondissement

Au programme

• Comprendre la logique des composants
• Distinguer un composant principal de ses instances
• Modifier une instance sans casser le système
• Utiliser les overrides et les composants imbriqués
• Créer et organiser des variantes
• Définir des propriétés de composants
• Gérer différents types, tailles et états
• Découvrir les styles de couleur et de texte
• Adopter de bonnes pratiques de nommage et d’organisation
• Découvrir les variables en guise d’approfondissement

Ce que vous saurez faire après la séance

À la fin de cet atelier, vous pourrez :

• créer un composant principal et ses instances ;
• modifier les propriétés d’une instance ;
• construire des variantes cohérentes ;
• organiser plusieurs composants réutilisables ;
• commencer à structurer un mini design system.

L’atelier pratique

Nous créerons un petit kit d’interface comprenant des boutons, des champs, des tags et des cartes avec différents états.

L’objectif sera de pouvoir réutiliser ces éléments pour composer plusieurs écrans cohérents sans devoir tout recréer.

Le défi d’approfondissement

Les participants plus expérimentés pourront concevoir un composant de bouton combinant plusieurs types, tailles, états, icônes et libellés, sans multiplier inutilement les variantes.

À qui s’adresse cette séance ?

Cette séance s’adresse aux personnes qui souhaitent gagner du temps, maintenir la cohérence de leurs interfaces et mieux organiser les éléments qu’elles utilisent régulièrement.

Il n’est pas nécessaire d’avoir participé aux précédents Figma 101. Chaque séance peut être suivie indépendamment.

Informations pratiques

Pour participer dans de bonnes conditions, prévoyez :

• un ordinateur ;
• une connexion Internet stable ;
• un compte Figma actif et accessible ;
• l’application Figma ou un navigateur compatible ;
• un casque ou des écouteurs, si votre environnement le nécessite.

La séance se déroulera entièrement en ligne depuis cette page Bevy. Pensez à vous connecter quelques minutes avant le début pour vérifier vos accès.

La séance pourrait être enregistrée et des captures d’écran pourraient être réalisées. En participant, vous acceptez que votre image, votre voix, vos interventions ou vos réalisations puissent apparaître dans des contenus partagés par Friends of Figma Cotonou ou Figma.