Figma, concevoir des interfaces cohérentes

$599.00

Une fois les bases acquises, la cohérence d’une interface repose sur des éléments réutilisables et bien structurés. Cette formation de niveau intermédiaire d’une journée montre comment utiliser l’Auto Layout, les composants et les styles pour concevoir des interfaces cohérentes et faciles à mettre à jour. À l’issue du cours, le participant sait construire des éléments réutilisables et assembler plusieurs écrans de façon homogène.

6 h (1 jour), 100% en ligne

Session

Effacer

Description

Durée

6 h · 1 jour

Mode

100% en ligne

Participants

10 maximum

À qui s’adresse cette formation ?

Personnes maîtrisant les bases de Figma, designers juniors et profils en communication ou en produit qui conçoivent des interfaces et veulent gagner en cohérence et en efficacité.

Prérequis : Maîtriser les bases de Figma (créer des cadres, des formes et du texte, organiser ses calques) est nécessaire.

Ce qui distingue cette formation

Méthode pour concevoir des éléments réutilisables
Gain de cohérence et de rapidité grâce aux composants et aux styles
Initiation à l’Auto Layout pour des interfaces plus souples
Travail sur une interface de plusieurs écrans
Petits groupes, avec mise en pratique guidée

Objectifs de la formation

Permettre au participant de concevoir des interfaces cohérentes avec Figma. Développer sa capacité à créer des composants et des styles réutilisables. L’amener à structurer ses écrans pour qu’ils soient faciles à mettre à jour.

Compétences acquises

Utiliser l’Auto Layout pour structurer des éléments souples
Créer des composants et leurs variantes
Définir des styles de couleurs et de typographie
Constituer une première bibliothèque d’éléments réutilisables
Assembler plusieurs écrans de façon cohérente
Appliquer les bases du responsive à l’aide des contraintes

Programme détaillé (6 h, 4 modules)

1Structurer avec l’Auto Layout1 h 30

Comprendre le principe de l’Auto Layout, gérer les espacements et le redimensionnement. Atelier « Bouton et carte » : le participant construit des éléments en Auto Layout qui s’adaptent au contenu.

2Composants et variantes1 h 30

Créer des composants, gérer leurs variantes et les réutiliser dans un projet. Atelier « Mes composants » : le participant crée un composant avec variantes, par exemple un bouton dans plusieurs états.

3Styles et bibliothèque1 h 30

Définir des styles de couleurs et de typographie pour assurer la cohérence visuelle. Atelier « Styles partagés » : le participant définit ses styles et les applique à ses écrans.

4Assembler une interface cohérente1 h 30

Combiner composants et styles sur plusieurs écrans et appliquer les bases du responsive. Atelier « Mini-interface » : le participant assemble deux ou trois écrans cohérents à partir de ses éléments.

Approche pédagogique

Le cours est très appliqué : chaque notion est démontrée puis exercée immédiatement sur les écrans du participant, en petit groupe et en classe virtuelle synchrone.

25 % théorie

75 % pratique