Créer des illustrations de Cocktail sur Figma
Créer des illustrations de Cocktail sur Figma
Bienvenue dans cette formation dédiée à Figma et à tous les outils qui le compose.
Figma est aujourd'hui un HUB d'outil qui propose aussi bien des outils de création d'interface, des outils de gestion de projet ou encore des outils de création de Slide.
Depuis 2025 Figma propose également un outil de création de contenu et un créateur de site internet.
Note : des chapitres seront encore ajoutés au fil de l'eau dans les prochaines semaines, rendant ainsi la formation ultra-complète.
Formation complète Figma 2025
Dans cette formation, vous découvrirez :
- Les outils de design
- Les outils de dessin
- Les options de prototypage
- Le dev mode
- Les logiciels annexes comme Draw, Slides, Figjam...
- ...
Un QCM vous permet de valider vos compétences en fin de formation.
Une section entraide est disponible pour vos questions, remarque et demande d'information supplémentaire.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Interface et menus
Interface et menus
Chapitre 3
Les outils
Les outils
Chapitre 4
Exercices pratiques
Exercices pratiques
Chapitre 5
Mode draw
Mode draw
Chapitre 6
Exercices pratiques Draw
Exercices pratiques Draw
Chapitre 7
Wireframe et maquette
Wireframe et maquette
Plan détaillé du cours
Chapitre 1 : Introduction
03m27
Leçon 1Introduction
Leçon 2Avant propos
Chapitre 2 : Interface et menus
35m26
Leçon 1Intro chapitre 1
Leçon 2C'est quoi Figma ?
Leçon 3Interface hors ligne
Leçon 4Interface hub
Leçon 5Interface design
Leçon 6Menu clic droit et option du fichier
Leçon 7Menus files/edit/view
Leçon 8Objet-text-arrange-vector
Leçon 9Aide et autre menus
Leçon 10Préférences
Chapitre 3 : Les outils
2h45
Leçon 1Introduction
Leçon 2Frame et section
Leçon 3Move, hand et scale
Leçon 4Grille
Leçon 5Lignes et colonnes
Leçon 6Règles
Leçon 7Calques et pages
Leçon 8Les zooms
Leçon 9Fonction recherche
Leçon 10Les formes
Leçon 11Plume
Leçon 12Pencil
Leçon 13Sélection de couleurs
Leçon 14Contraste
Leçon 15Dégradés
Leçon 16Photo et retouches
Leçon 17Vidéo
Leçon 18Contours
Leçon 19Masque
Leçon 20Le détourage
Leçon 21Pathfinder
Leçon 22Les effets
Leçon 23Les options de fusion
Leçon 24Outil de texte
Leçon 25Commentaire, annotation et mesure
Leçon 26Alignement
Leçon 27Auto layout
Leçon 28Auto layout - Grid
Leçon 29Tranche
Leçon 30Librairie
Leçon 31Style
Leçon 32Les composants
Leçon 33Les variables
Leçon 34Sélection
Leçon 35L’exportation
Chapitre 4 : Exercices pratiques
1h15
Leçon 1Introduction chapitre 3
Leçon 2Polyscape
Leçon 3Parallaxe
Leçon 4Soleil
Leçon 5Bouton
Leçon 6Card
Leçon 7Formulaire
Leçon 8Interface boissons
Leçon 9Pop up vintage
Chapitre 5 : Mode draw
21m54
Leçon 1Introduction
Leçon 2Changement d’interface
Leçon 3Les outils
Leçon 4Contours dynamiques
Leçon 5Les brushes
Leçon 6Répetition
Leçon 7Motif
Chapitre 6 : Exercices pratiques Draw
50m56
Leçon 1Introduction
Leçon 2Logo cochon
Leçon 3Logo texte
Leçon 4Logo renard
Leçon 5Logo légume
Leçon 6Verre
Chapitre 7 : Wireframe et maquette
1h30
Leçon 1Introduction chapitre 6
Leçon 2Exemple de wireframe - one page
Leçon 3Maquette one page
Leçon 4Préparation et atomic design
Leçon 5Style projet 6
Leçon 6Atome
Leçon 7Molécule 1
Leçon 8Footer
Leçon 9Wireframe
Leçon 10Maquette
Chapitre 8 : Prototypage
24m13
Leçon 1Introduction chapitre 7
Leçon 2Menu prototype
Leçon 3Les triggers
Leçon 4Les actions
Leçon 5Option d'animation
Leçon 6Lissage de vitesse
Leçon 7Flow et scrolling
Chapitre 9 : Exercices pratiques prototypage
28m52
Leçon 1Introduction chapitre 8
Leçon 2Animation bouton
Leçon 3Pop up et tremblement
Leçon 4Canette et parallaxe
Leçon 5Parallaxe
Leçon 6Overlay
Leçon 7Composant et prototypage
Chapitre 10 : Dev mode
08m06
Leçon 1Introduction Dev mode
Leçon 2Les outils
Leçon 3Les options
Chapitre 11 : Communauté et plugins
27m44
Leçon 1Community et plugins
Leçon 2Plugin de ressources
Leçon 3Plugin de textes
Leçon 4Plugin de couleurs
Leçon 5Plugin de mock up et wireframes
Leçon 6Plugin Animation
Chapitre 12 : Figjam
01m18
Leçon 1Chapitre à venir
Chapitre 13 : SlideAjouté prochainement
Chapitre 14 : BuzzAjouté prochainement
Chapitre 15 : SiteAjouté prochainement
Chapitre 16 : ConclusionAjouté prochainement
Aperçus
