Cours Figma

Créer son compte Figma

Facile 00:03:13

Découvrir l'interface d'accueil de Figma

Facile 00:03:57

Les types de fichiers et l'outil FigJam

Facile 00:06:11

Découvrir l'interface d'un design file

Facile 00:06:07

Organiser les fichiers et les pages

Facile 00:04:02

Utiliser FigJam pour schémas et tableaux

Facile 00:03:44

Repérer les autres outils de l’environnement Figma

Facile 00:03:09

Créer et paramétrer des frames

Facile 00:06:37

Formes de base : outils, remplissage et dégradés

Facile 00:07:13

Contours, alignements et groupes

Facile 00:05:06

Outil Texte : créer du texte et choisir sa police

Facile 00:02:48

Mettre en forme le texte : espacements et options

Facile 00:05:29

Frames, conteneurs et hiérarchie

Facile 00:04:27

Transformer, aligner et arrondir les formes

Facile 00:06:31

Couleurs, dégradés et contraste

Facile 00:04:34

Contours, ombres et effet de verre

Facile 00:03:50

Importer, cadrer et ajuster des images

Facile 00:03:53

Importer, recadrer et copier une image

Facile 00:07:15

Comparer remplissage d’image et masque

Facile 00:02:59

Teinter une image avec un mode de fusion

Facile 00:02:56

Créer et modifier des styles de couleur

Moyen 00:06:04

Styles de texte et styles d’effets

Moyen 00:04:04

Comprendre ce qu’enregistre un style de texte

Moyen 00:04:33

Choisir entre styles, variables et bibliothèque

Moyen 00:03:24

Partager des styles de grille entre fichiers

Moyen 00:05:03

Générer des styles avec Styler

Moyen 00:03:02

Importer des pictogrammes avec Iconify

Moyen 00:02:22

Remplir une maquette avec des contenus fictifs

Moyen 00:03:18

Importer une page web avec html.to.design

Moyen 00:01:28

Retrouver ses plugins et documenter les styles

Moyen 00:03:08

Coller une icône depuis son code SVG

Moyen 00:01:45

Explorer la génération d’un plugin de documentation

Moyen 00:02:44

Générer une fiche de spécifications

Moyen 00:01:33

Grilles, colonnes et marges mobiles

Moyen 00:08:24

Choisir marges et tailles de texte

Moyen 00:05:42

Regrouper et hiérarchiser les éléments d’interface

Moyen 00:06:07

Examiner les espacements d’un site web

Moyen 00:04:34

Lecteur musical : fond et navigation

Moyen 00:05:53

Lecteur musical : manipuler les icônes

Moyen 00:06:46

Lecteur musical : commandes et progression

Moyen 00:05:12

Comprendre les composants réutilisables

Moyen 00:10:24

Créer un bouton comme composant

Moyen 00:07:40

Personnaliser une instance de composant

Moyen 00:05:36

Explorer un design system

Moyen 00:05:29

Publier et mettre à jour une bibliothèque

Moyen 00:04:08

Restaurer un composant ou détacher une instance

Moyen 00:01:28

Extraire et préparer des ressources de design system

Moyen 00:04:10

Ranger les composants après une phase d’exploration

Moyen 00:03:37

Comprendre les contraintes de redimensionnement

Moyen 00:06:01

Auto Layout : espacement et ajustement

Moyen 00:07:33

Auto Layout : remplir ou ajuster

Moyen 00:05:57

Placer un objet librement dans un Auto Layout

Moyen 00:03:24

Diagnostiquer les espacements d’un Auto Layout

Moyen 00:03:49

Structurer un champ et son libellé

Moyen 00:02:18

Réorganiser une section image et texte

Moyen 00:07:54

Construire une carte flexible

Moyen 00:05:57

Superposer un bloc dans une mise en page automatique

Moyen 00:02:52

Définir les variantes d’un bouton

Difficile 00:03:20

Prévoir un état de bouton désactivé

Difficile 00:02:08

Créer rapidement un bouton depuis son texte

Difficile 00:03:54

Exposer une propriété de texte

Difficile 00:05:09

Afficher ou masquer une icône par propriété

Difficile 00:04:22

Permuter une icône et conserver ses propriétés

Difficile 00:06:18

Exposer les propriétés d’un composant imbriqué

Difficile 00:05:51

Combiner taille et état dans les variantes

Difficile 00:06:21

Proposer des instances préférées

Difficile 00:02:47

Ordonner et réinitialiser les propriétés d’un composant

Difficile 00:02:32

Distinguer propriété de composant et variable

Difficile 00:02:56

Créer un champ de formulaire réutilisable

Difficile 00:04:43

Préparer un menu par composants imbriqués

Difficile 00:04:00

Composer un symbole avec du texte sur un tracé

Difficile 00:03:35

Créer les entrées interactives d’un menu

Difficile 00:06:04

Assembler une barre de navigation flexible

Difficile 00:06:19

Insérer et tester le menu dans une maquette

Difficile 00:04:45

Corriger un menu lié au mauvais composant

Difficile 00:03:26

Signaler la page active dans un menu réutilisable

Difficile 00:05:11

Animer un bouton au survol et à l’appui

Moyen 00:07:11

Choisir l’affichage du prototype

Moyen 00:04:20

Préparer les écrans d’un prototype

Moyen 00:03:35

Relier deux écrans et animer leurs objets

Moyen 00:06:02

Créer une barre de recherche réutilisable

Moyen 00:04:40

Choisir le déclencheur d’une interaction

Moyen 00:03:59

Créer un véritable retour arrière

Moyen 00:04:15

Mixer transition et animation des calques

Moyen 00:03:28

Créer plusieurs points de départ du prototype

Moyen 00:03:07

Animer le soulignement d’un élément de menu

Moyen 00:03:52

Agrandir une icône depuis son centre

Moyen 00:02:19

Animer le zoom d’une image au survol

Moyen 00:02:10

Créer une rangée de cartes défilante

Moyen 00:08:02

Garder le menu visible pendant le défilement

Moyen 00:04:30

Relier le menu aux sections de la page

Moyen 00:04:34

Ajouter un bouton de retour en haut

Moyen 00:03:37

Ouvrir un lien externe depuis le prototype

Moyen 00:02:19

Ouvrir et fermer un menu en superposition

Moyen 00:05:17

Afficher un message temporaire

Moyen 00:03:01

Comprendre un déclencheur grisé

Moyen 00:01:23

Construire un diaporama automatique

Moyen 00:05:17

Créer la miniature d’un fichier Figma

Moyen 00:04:35

Préparer un portfolio et exporter sa maquette

Moyen 00:07:23

Préparer les éléments d’un visuel promotionnel

Moyen 00:06:16

Adapter un visuel avec un élément superposé

Moyen 00:05:25

Créer des variables de couleur

Difficile 00:05:11

Relier les couleurs à leur usage avec des alias

Difficile 00:05:38

Piloter rayons et tailles de texte avec des variables

Difficile 00:05:56

Basculer entre un thème clair et un thème sombre

Difficile 00:02:50

Faire varier une largeur selon un mode

Difficile 00:01:55

Découvrir les variables dans un prototype interactif

Difficile 00:04:24

Lire une maquette en Dev Mode

Difficile 00:05:16

Récupérer les propriétés et les ressources

Difficile 00:04:42

Comparer les versions et inspecter un composant

Difficile 00:02:45

Examiner une conversion de maquette avec Anima

Difficile 00:02:23

Demander un formulaire à Figma Agent

Difficile 00:06:01

Évaluer un carrousel généré par l’IA

Difficile 00:05:34