Figma de A à Z - La formation complète
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Figma de A à Z - La formation complète

Olivier Krakus
Promo -30% Jusqu'au 07 mai, 23:59
28,00€40,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Bienvenue dans cette formation en ligne dédiée à l'outil de création d'interfaces et de prototypes : Figma.
Figma est un des outils les plus plébiscités ces dernières années dans la création d'interfaces d'applications et de sites Internet. C'est également et un des principaux concurrents d'Adobe XD.

Dans ce cours en vidéo, je vous invite à découvrir à travers une série de chapitres, les différents outils du logiciel qui touchent à la création graphique. Vous y retrouverez une partie théorique vous présentant les différents outils, puis, une partie pratique dans laquelle vous serez invité à réaliser de nombreux exercices de design de pictogrammes, d'applications ou d'éléments d'interfaces.
La formation traitera également de la partie prototypage.
Enfin, 2 chapitres vous permettront de découvrir les outils d'exportation mais aussi les plugins indispensables de Figma.

Figma de A à Z - La formation complète

Dans cette formation Figma en vidéo, vous découvrirez :

  • L'interface,
  • Les calques,
  • Les actifs, les composants,
  • Le prototypage,
  • Les outils de dessin,
  • Les outils d'export et de partage,
  • Les options de mise en page,
  • L'export de votre travail,
  • Les plugins qui vous feront gagner du temps !

Ce cours se veut évolutif. De ce fait, suivant vos besoins et les améliorations de Figma, de nouvelles vidéos seront mises en ligne dans les prochains mois.

Je reste à votre disposition pour toutes questions dans la section entraide.
Vous pourrez également m'y demander des nouvelles vidéos afin de compléter vos connaissances. Un QCM vous permet de valider vos connaissances en fin de formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Les outils
Chapitre 3
Exercice de Design
Chapitre 4
Le prototypage
Chapitre 5
Exercice de Prototypage
Chapitre 6
Export et partage
Chapitre 7
Plugins de Figma

Plan détaillé du cours

Chapitre 1 : Introduction
03m06s
 
Leçon 1Introduction
Leçon 2Avant propos
Chapitre 2 : Les outils
2h46m
 
Leçon 1Introduction
Leçon 2Interface
Leçon 3Interface ouverture document
Leçon 4Team project
Leçon 5Interface design
Leçon 6Menu File et View
Leçon 7Les menus d'aide
Leçon 8Les plans de travail
Leçon 9Grille
Leçon 10Ligne et colonne
Leçon 11Les régles
Leçon 12Calque et page
Leçon 13Les formes
Leçon 14La plume
Leçon 15Outil pencil
Leçon 16Edition d'objet
Leçon 17Fond et couleur
Leçon 18Les dégradés
Leçon 19Style et nuancier
Leçon 20Contours
Leçon 21Exercice de plume
Leçon 22Les masques d'écrétage
Leçon 23Pathfinder
Leçon 24Outil Image
Leçon 25Crop ou Redimension
Leçon 26Retouche photo
Leçon 27Effect
Leçon 28Option de fusion
Leçon 29Format GIF
Leçon 30Les outils de texte
Leçon 31Main et commentaire
Leçon 32Outil d'alignement
Leçon 33Menu Arrange
Leçon 34Les contraintes
Leçon 35Auto layout 1
Leçon 36Auto layout 2
Leçon 37Les tranches
Leçon 38Librairie
Leçon 39Les Composants
Leçon 40Propriété composant
Leçon 41Menu edit
Leçon 42Menu objet
Leçon 43Menu clic droit
Leçon 44Menu inspection
Chapitre 3 : Exercice de Design
1h28m
 
Leçon 1Introduction
Leçon 2Pictogramme Pastèque
Leçon 3Pictogramme ordinateur
Leçon 4Logo facebook
Leçon 5Element flou
Leçon 6Wireframe
Leçon 7Design de la page d'accueil
Leçon 8Déclinaison
Leçon 9Creation d'un pop up
Leçon 10Parallaxe
Chapitre 4 : Le prototypage
18m21s
 
Leçon 1Introduction
Leçon 2Le prototypage c'est quoi ?
Leçon 3Les déclencheurs
Leçon 4Les actions
Leçon 5Animation et flow
Chapitre 5 : Exercice de Prototypage
25m59s
 
Leçon 1Introduction
Leçon 2Animation d'un loader
Leçon 3Animation d'un coeur
Leçon 4Animation d'un pop up
Leçon 5Animation du site
Leçon 6Paralaxe
Chapitre 6 : Export et partage
07m58s
 
Leçon 1Intro
Leçon 2Partager
Leçon 3Export
Chapitre 7 : Plugins de Figma
28m24s
 
Leçon 1Intro
Leçon 2Menu plugin
Leçon 3Plugin 3D
Leçon 4Plugin ressource graphique
Leçon 5Plugin accessibilité
Leçon 6Plugin motion
Leçon 7Outil widget
Chapitre 8 : 10 exercices pratiques
3h18m
 
Leçon 1Intro -picto
Leçon 2Plante
Leçon 3Fruit
Leçon 4Animal
Leçon 5Colis
Leçon 6Diagramme
Leçon 7Intro interface
Leçon 8Information complementaire
Leçon 9Projet-1-wireframe
Leçon 10Projet-1-menu
Leçon 11Projet-1-header
Leçon 12Projet-1-dashboard
Leçon 13Projet-1-dashboard-2
Leçon 14Projet-2-header
Leçon 15Projet-2-contenu
Leçon 16Projet-2-prototypage
Leçon 17Projet-3-partie-1
Leçon 18Projet-3-partie-2
Leçon 19Projet 4 - Découpe
Leçon 20Projet 4 - texte et finalisation
Leçon 21Projet 5 - Les bases
Leçon 22Projet 5 - realisation
Chapitre 9 : FigJam
39m50s
 
Leçon 1Interface d'ouverture
Leçon 2Interface
Leçon 3Crayons
Leçon 4Formes
Leçon 5Alignement
Leçon 6Post it
Leçon 7Lien
Leçon 8Texte
Leçon 9Sticker
Leçon 10Menus
Leçon 11Image
Leçon 12Partage et export
Leçon 13Section
Leçon 14Widget et plugin
Chapitre 10 : Conclusion
01m42s
 
Leçon 1Conclusion

Aperçus

Avis des apprenants

Détail des avis
297
Apprenants
6
Commentaires
4,5/5
Note moyenne
5/5
4
4/5
1
3/5
1
2/5
0
1/5
0
Ponsec25
Ponsec25
Publié le 17/12/2023
Tuto très clair, intéressant. Merci
Jeremy
Jeremy
Publié le 01/08/2023
Pédagogue et explicite comme souvent avec Olivier. Je recommande
Harry Babooa
Harry Babooa
Publié le 22/08/2022
Trop bien je recommande les yeux fermés

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

French Days

Attendez ! 🤗

Accédez à plus de 1340 tutos gratuits

Notre politique de protection des données