Jessica Trocmé Masterclass/Apprendre à utiliser Figma rapidement

  • 198 € ou 2 paiements mensuels de 99 €

Apprendre à utiliser Figma rapidement - V3

  • Cours
  • 31 Leçons

La formation pour maîtriser les bases et prendre en main Figma rapidement. Tu pourras mettre direct en pratique avec une bonne gestion des composants. 

Ce que tu vas apprendre

  1. Présentation de l'interface
  2. Savoir utiliser les différents outils et fonctionnalités de Figma
  3. Les frames et les groupes
  4. Créer et gérer des styles
  5. Comprendre l'autolayout (Position absolute, espaces négatifs etc..)
  6. Gérer les contraintes (Constraints)
  7. Tout savoir sur les composants et les variants
  8. Créer des composants responsive
  9. Créer des composants interactifs
  10. Ajouter des plugins
  11. Raccourcis claviers indispensables pour gagner du temps
  12. Créer le design d'une application mobile
  13. Créer un prototype entièrement interactif


Témoignages

Je voulais être certaine de me mettre à niveau sur Figma en quelques jours seulement et à un prix raisonnable (sans passer du temps à rechercher par moi-même, ni me perdre dans les méandres des tutos Youtube !) : c'est chose faite ! La formation que propose Jessica est bien structurée, avec une approche pas à pas et des tips/raccourcis claviers/plugins bien utiles ! 

Le GROS + : Jessica est hyper disponible et n'hésite pas à mettre à jour son contenu selon les questions qui surviennent et les MAJ de l'outil. Merci !

UX / Service Designer / Freelance

Hello Jessica, je viens de finir cette formation. J'ai adoré la suivre. 
Je l'ai trouvée très intuitive avec un déroulé facile à suivre.
Elle m'a beaucoup apporté et je maîtrise dorénavant les bases de FIGMA.

Merci pour ta réactivité et ton accompagnement. J'attends la prochaine avec impatience.

Carole Le Belleguic

Pour commencer un énorme merci pour cette formation ! Je suis contente de l'avoir suivie, parce qu'en effet, tu partages les raccourcis. Ça c'est top !

Comme tout logiciel de graphisme, il faut prendre un temps poru découvrir la logique de travail sur les composants parce qu'entre Sketch, Adobe XD et Figma, il y a des légères nuances pour arriver à la bonne gestion des composants.

Sabine Duquesne

La formation très utile franchement cela fait plusieurs mois que je cherche à me former, je fouine partout et finalement un format comme celui là c'est top !

J'ai beaucoup appris et je mets déjà en pratique.

Laura Long

Merci beaucoup Jessica pour cette formation !

La formation est à la fois dense et structurée, avec un cas "fil rouge" pour mettre en pratique ce que tu apprends, c'est vraiment top !
Des notions clés comme l'auto-layout et les composants sont bien expliqués.
Jessica est disponible pour répondre à tes questions.

Le + de cette formation  : une review de ton prototype réalisé à l'issue de la formation, de qualité avec des conseils personnalisés.

Je recommande la formation de Jessica pour les débutants qui souhaitent évoluer rapidement sur Figma !

Anne-Sophie NGuyen

FAQ

Tu as des questions. J'y réponds dessous.

A qui s'adresse cette formation ?

  • Débutant
  • UX / UI / Product / Web designer
  • Graphiste
  • aux personnes souhaitant passer de Sketch ou XD à FIGMA
  • aux personnes en reconversion en UX / UI / Web designer
  • Chef de projet
  • Toute personne devant utiliser FIgma dans le cadre de la conception et la création d'interface

Quels sont les pré-requis ?

Les pré-requis
  • une bonne connaissance du Web est conseillé
  • avoir une bonne maîtrise de son environnement informatique

Combien de temps ai-je accès à la formation ?

La formation est accessible à vie et en illimité.

Tu avances à ton rythme. 

Tu bénéficies des mises à jour sans paiement supplémentaire.

Est-ce que l'on apprend à faire des pages responsives ?

Oui, grâce à la fonctionnalité auto-layout c'est devenu très simple et rapide de faire des blocs responsives.

Dans cette formation, tu vas créer une application mobile de recette de cuisine.

Tu verras comment créer des frames responsive. Et tu seras capable de faire des pages au format desktop grâce à ces frames.

Que fait-on exactement dans cette formation ?

Figma est un outil de conception d'interface, collaboratif.

Cette formation va te permettre de créer le design d'une application mobile de recette de A à Z, du wireframe au prototype. Au fur et à mesure, je vais te montrer l'ensemble des différents outils et fonctionnalités de Figma.

Dans un premier module, nous mènerons une première réflexion en créant un wireframe de la futur application mobile.

Dans le deuxième module, je couvrirai l'interface Figma et l'utilisation des  fonctionnalités comme par exemple les frames, l'outil plume, Auto-layout et les Variants, les composants interactifs etc... Grâce à ça tu pourras créer un design responsive et optimiser la création de composants réutilisables. 

Dans le troisième module, tu pourras continuer le design avec les compétences acquises dans le module précédent.

Dans le quatrième module, il s'agit de la partie création de prototype. Mais aussi, je te montrerai comment partager ton design, comment exporter des éléments, comment le commenter...

Cette formation est-elle éligible au CPF ?

Mes formations ne sont pas éligibles au CPF.

Malheureusement, les démarches sont très lourdes pour une petite structure comme la mienne, l'agrément Qaliopi n'est pas toujours un gage de qualité surtout dans les milieux du web.

Contenu

Introduction à la formation 👋

Module 1 - Créer des wireframes

1- Wireframe & storyboard
wireframe-version-papier.jpg

Module 2 - Ajouter et modifier du contenu

2-1- Les frames
2-2- shapes
2-3- Ajouter et utiliser des Plugins
2-4- Pentool
2-5- Styles VS Variables
2-5-1 Styles : Textes et Couleurs
2-6 - Créer des blocs responsives avec autolayout et constraint - V2 NEW
2-6-1 Auto layout - Spacing mode - Version 2023
2-7 - Texte tronquature et épaisseur de font
2-8 - Les composants : principes et nommages - V2 NEW
2-9 - Composants - Propriétés & Variants - V2 NEW
2-9-1 - Composant master.mov
2-10 - Composants interactifs - NEW
2-11- Auto layout - Wrap - 2023
2-12- Auto layout - Min/Max Width/Height - 2023
photos.zip
Recette_chef_app-FORMATION-V2.fig

Module 3 - Compléter le design

3-1- Creation-header
3-2- Création de multiples écrans et de systèmes d'onglets
3-4- Création d'une popin
3-3- Création menu

Module 4 - Prototype, partage et export

4-1- Prototype : Création des interactions entre les écrans + Animation bouton
4-2- Partage ton design
4-3- Commenter
4-4- Inspecter - Donne des CSS
4-5- Export
Recette_chef_app.fig

Challenge

Je te propose un CHALLENGE : Envoie moi ton design de l'application mobile sur les recettes et je ferai une UI REVIEW en vidéo.
Challenge

Obtenir les mises à jour

Entrez votre email pour être informé des prochaines mises à jour, promotions ou sortie d'une nouvelle formation.

You're signing up to receive emails from Jessica Trocmé Masterclass