Oreenumerique

Figma de A à Z – Formation complète pour débutants

Catégories : Development
Liste de souhaits Partager

À propos du cours

Apprenez Figma pas à pas, même sans expérience en design. Cette formation complète de 21 heures vous accompagne de la prise en main de l’interface jusqu’à la création de composants, de prototypes et de plugins, puis à l’utilisation de Figma avec ChatGPT.

Vous réaliserez 7 ateliers pratiques illustrés, un projet fil rouge et un quiz final corrigé.

Objectifs pédagogiques :
• organiser un fichier Figma propre ;
• construire une interface responsive avec Auto Layout ;
• créer des composants, variantes et variables ;
• prototyper et partager un parcours ;
• choisir et utiliser des plugins de manière responsable ;
• développer un premier plugin TypeScript ;
• exploiter une sélection Figma avec ChatGPT et contrôler le résultat.

Public : débutants complets. Aucun prérequis en design ou en programmation.

Afficher plus

Qu’allez-vous apprendre ?

  • Naviguer dans Figma et organiser un fichier propre
  • Créer des interfaces responsives avec Auto Layout et contraintes
  • Construire des composants, variantes et variables réutilisables
  • Prototyper et partager un parcours utilisateur
  • Installer et évaluer des plugins en toute sécurité
  • Développer un premier plugin Figma en TypeScript
  • Utiliser Figma avec ChatGPT et contrôler le résultat

Contenu du cours

Module 1 — Prendre en main Figma
Comprendre l’écosystème Figma, naviguer dans l’interface, utiliser les frames, calques, formes, textes et règles d’accessibilité.

  • 1.1 — Découvrir Figma et son interface
  • 1.2 — Atelier 1 : créer une carte de profil

Module 2 — Concevoir et prototyper une interface responsive
Maîtriser Auto Layout, contraintes, variables, composants, variantes, prototypage et transmission au développement.

Module 3 — Installer et utiliser des plugins Figma
Trouver, comparer, sécuriser, tester et utiliser des plugins sans compromettre le fichier ou les données.

Module 4 — Créer son premier plugin Figma
Installer l’environnement, comprendre l’architecture, coder en TypeScript, tester et déboguer un plugin local.

Module 5 — Utiliser Figma avec ChatGPT
Connecter Figma, fournir un contexte précis, rédiger de bonnes demandes et valider les résultats.

Module 6 — Projet final, quiz et ressources
Mobiliser toutes les compétences, vérifier les acquis et poursuivre sa progression.

Notes et avis de l’apprenant

Encore aucun avis !
Encore aucun avis !