Image de cours gratuite Apprendre figma

Cours en ligne gratuitApprendre figma

Durée du cours en ligne : 2 heure et 0 minutes

5

étoileétoileétoileétoileétoile

(3)

Maîtrisez Figma et l’UX: layouts responsives, composants, styles et prototypes interactifs. Cours gratuit avec exercices pour créer vos maquettes pro.

Dans ce cours gratuit, découvrez

  • Maîtriser l’interface de base de Figma et les notions essentielles pour démarrer
  • Comprendre le travail dans le cloud : collaboration, partage, commentaires et versions
  • Importer des images (menu Fichier > Import) et gérer leur placement dans les frames
  • Utiliser les opérations booléennes (union, soustraction, intersection) pour créer des formes
  • Comprendre l’usage des groupes booléens : modifier les formes combinées non destructivement
  • Appliquer contraintes (constraints) pour garder l’alignement lors du redimensionnement
  • Construire des interfaces responsives avec Auto Layout (espacements, padding, alignements)
  • Créer et utiliser des composants, variantes, et instances pour des UI réutilisables
  • Définir des styles (couleurs, textes, effets) pour assurer cohérence et gagner du temps
  • Créer des prototypes : liens, interactions, transitions, overlays pour simuler la navigation
  • Mettre en place un carrousel et définir la taille des frames selon le device cible
  • Créer une map interactive via plugin (ex. Mapsicle) avec coordonnées Google Maps
  • Réaliser un menu déroulant (dropmenu) en prototype avec états et overlays
  • Comprendre “Swap overlay” : remplacer l’overlay affiché par un autre sans fermer le flux

Descriptif du cours

Apprendre Figma, cest passer plus vite de lidee a une interface claire, testable et convaincante. Ce cours en ligne gratuit vous guide pas a pas pour prendre en main loutil reference du design UX dans le cloud, afin de concevoir des maquettes modernes, coherentes et faciles a faire evoluer. Que vous demarriez en design ou que vous souhaitiez structurer votre pratique, vous gagnerez en methode et en efficacite des les premiers exercices.

Vous apprendrez a travailler proprement dans Figma: importation dimages, organisation des elements, creation de formes et combinaisons precises avec les outils booleens. Lobjectif est de vous donner des reflexes de production utilises en equipe: des fichiers lisibles, des ecrans aligns, et un resultat rapidement presentable a un client ou a un recruteur.

Une fois les bases posees, le cours vous aide a concevoir des interfaces qui sadaptent. Vous comprendrez comment les contraintes et la mise en page automatique rendent vos ecrans plus robustes, notamment quand un texte change, quand un bouton sallonge ou quand une interface doit passer du mobile au desktop. Vous verrez aussi comment accelerer la creation et la maintenance dune maquette grace aux styles et aux composants, pour eviter les incoherences et garantir une identite visuelle stable.

Comme lUX ne se limite pas aux ecrans statiques, vous irez plus loin avec le prototypage interactif: enchainements decrans, micro-interactions et mise en situation realiste. Vous appliquerez ces competences sur des cas concrets tels quun carrousel, une carte interactive via plugin, ou encore un menu deroulant avec gestion des overlays. Au final, vous saurez produire un prototype credible pour tester un parcours utilisateur, presenter une idee et gagner du temps sur chaque iteration.

Contenu du cours

  • Leçon vidéo : Figma pour debutants - Les bases pour bien débuter! (tuto francais) 22m
  • Exercice: _Qu'est-ce que Figma permet de faire dans le cloud ?
  • Leçon vidéo : Figma pour debutants - Tout sur l'importation des photos! 10m
  • Exercice: _Quel est le menu dans lequel vous pouvez trouver l'option d'importation d'images dans Figma?
  • Leçon vidéo : Figma pour débutants - les outils booléens 08m
  • Exercice: _À quoi servent les groupes booléens dans Figma?
  • Leçon vidéo : Figma pour débutants - contraintes et autolayout (tuto Français) 11m
  • Exercice: _Qu'est-ce que les contraintes dans Figma et comment peuvent-elles être utilisées?
  • Leçon vidéo : Figma pour debutants - les composants (tuto francais) 14m
  • Exercice: _Qu'est-ce qu'un composant dans Figma ?
  • Leçon vidéo : Figma pour debutants - les prototypes (tuto francais) 11m
  • Exercice: _Qu'est-ce que la fonction prototype dans Figma ?
  • Leçon vidéo : Figma - Mettre en place un carrousel (tuto francais) 10m
  • Exercice: _Comment peut-on définir la taille de la frame pour le carrousel dans Figma ?
  • Leçon vidéo : Figma Adobe XD - Utilisez les styles pour gagner du temps (tuto français) 11m
  • Exercice: _Qu'est-ce que les styles dans Figma et Adobe XD vous permettent de faire ?
  • Leçon vidéo : Figma - Mettre en place une map interactive (tuto français) 08m
  • Exercice: _Quel plugin permet d'obtenir une carte de bonne qualité dans Figma avec des coordonnées Google Maps ?
  • Leçon vidéo : Figma - réalisez un DROPMENU (tuto français) 09m
  • Exercice: Que signifie l'état 'swap overlay' dans le menu déroulant de Figma ?

Ce cours gratuit comprend:

2 heure et 0 minutes du cours vidéo en ligne

Certificat numérique de réussite du cours (gratuit)

Exercices pour développer vos connaissances

100% gratuit, du contenu au certificat

Prêt à commencer ?Téléchargez l’application et commencez dès aujourd’hui !

Installez l'application

dès maintenant pour accéder au cours
Icône représentant les cours de technologie et de commerce

Plus de 5000 cours gratuits

Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.

Icône de calendrier avec cible représentant la planification des études

Plan d'études avec IA

L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.

Icône professionnelle représentant la carrière et le commerce

De débutant à professionnel accompli

Améliorez votre CV grâce à notre certificat gratuit, puis utilisez notre intelligence artificielle pour trouver l'emploi de vos rêves.

Vous pouvez également utiliser le code QR ou les liens ci-dessous.

Code QR - Télécharger Cursa - Cours en ligne

Commentaires de cours: Apprendre figma

M

Mathieu

étoileétoileétoileétoileétoile

Très bon cours. Moi qui était chez Adobe XD et qui cherchait à passer sur Figma

Plus de cours gratuits sur Expérience utilisateur UX

Ebook + livres audio gratuits ! Apprenez en écoutant ou en lisant !

Téléchargez l'application dès maintenant pour avoir accès à + 5000 cours gratuits, exercices, certificats et de nombreux contenus sans rien payer !

  • Cours en ligne 100% gratuits du début à la fin

    Des milliers de cours en ligne en vidéo, livres électroniques et livres audio.

  • Plus de 60 000 exercices gratuits

    Pour tester vos connaissances lors de cours en ligne

  • Certificat numérique gratuit et valide avec code QR

    Généré directement à partir de la galerie de photos de votre téléphone portable et envoyé à votre adresse e-mail

Application Cursa sur l'écran du livre électronique, l'écran du cours vidéo et l'écran des exercices du cours, ainsi que le certificat de fin de cours