Apprendre à designer un site web ou une application avec Figma

Cours Figma pour apprendre à concevoir une interface, de la première maquette au prototype interactif.

2 heures 19 leçons 4,7 / 5 51 avis

L'essentiel

Durée
2 heures
Programme
1 chapitre, 19 leçons
Prix
39,00 €, accès à vie
Format
Vidéo en ligne, à votre rythme
Certificat
PDF de fin de formation
Prérequis
Pas de prérequis - ouvert à tous niveaux

Présentation de la formation

Créez les maquettes de votre site web ou de votre application avec Figma : mises en page en Auto Layout, composants réutilisables, styles et variables, puis prototype interactif à transmettre aux développeurs.

Cette formation Figma vous mène de vos premiers écrans au prototype interactif, sans expérience préalable en design.

Figma sert à dessiner les écrans d'un site ou d'une application avant leur développement. Vous apprenez d'abord à vous repérer dans l'interface et à organiser vos ressources, puis à construire des mises en page qui s'adaptent à la taille de l'écran avec l'Auto Layout et les grilles.

Vous créez ensuite vos propres icônes à partir de formes et d'opérations booléennes. Vous posez aussi les bases d'un Design System : styles de texte et de couleur, composants avec variantes, variables pour gérer un thème clair et un thème sombre.

Vient enfin le prototype : vous reliez les écrans et vous animez les transitions avec Smart Animate. Vous voyez aussi comment centraliser les retours, préparer le transfert aux développeurs et monter une présentation avec Figma Slides.

Public cible : Pour les designers débutants, les chefs de projet, les développeurs et toute personne qui veut apprendre le design d'interface. Aucun prérequis.

À l’issue de cette formation Figma, vous pourrez

  • Maîtriser les bases de Figma. apprenez à vous orienter dans l’interface et organisez vos ressources afin de préparer des exports propres pour le web, le mobile ou vos présentations.
  • Construire des mises en page responsives. maîtrisez l'Auto Layout et les grilles de structure pour créer des interfaces qui s'adaptent automatiquement à toutes les tailles d'écrans.
  • Gérer les éléments visuels et icônes. composez avec des formes et des images tout en utilisant les opérations booléennes pour créer vos propres icônes vectorielles éditables.
  • Mettre en place un Design System. définissez des styles de texte et de couleur cohérents afin de bâtir des composants réutilisables et d'assurer l'unité visuelle de vos projets.
  • Utiliser les variables et tokens. installez des thèmes clair/sombre et standardisez vos espacements pour piloter les modifications de vos interfaces en un clic.
  • Prototyper et animer vos maquettes. reliez vos écrans et utilisez Smart Animate pour simuler des micro-interactions proches du comportement d’une application réelle.
  • Collaborer et livrer vos projets. centralisez les retours et préparez un transfert (handoff) clair pour les développeurs, incluant toutes les spécifications techniques.
  • Présenter avec Figma Slides. devenez autonome pour construire des présentations directement depuis vos maquettes et raconter vos parcours utilisateurs.

Programme de la formation

1 chapitre, 19 leçons. Les leçons marquées « Extrait gratuit » se regardent sans compte.

Figma : formation complète pour maîtriser l’essentiel

Aperçu gratuit 19 leçons
  1. Tour complet de l’interface et des panneaux
  2. Frames : bases et bonnes pratiques
  3. Formes essentielles : dessin et transformation
  4. Créer un composant à partir d’une forme
  5. Grille et composants : méthode propre Extrait gratuit
  6. Outils clés : plume, texte, images
  7. Dessiner vite avec les opérations booléennes
  8. Boutons modernes : états, variantes, variables
  9. Organisation des formes : groupes & alignements
  10. Maîtriser la grille avec un pixel art
  11. Prototyper : transitions & Smart Animate
  12. Aller plus loin : animation avancée
  13. Zones scrollables et comportements d’écran
  14. Interactions de navigation avec le scroll
  15. Bien utiliser les variables en projet
  16. Hiérarchie typographique & lisibilité
  17. Boîte à outils plugins : icônes, contenus, dev
  18. De la maquette au diaporama avec Slides
  19. Partir d’un kit UI : méthodes et pièges

Votre formateur

Alan est un consultant spécialisé dans le design d'interface. Expert en conception UI/UX, il accompagne les professionnels dans la création de prototypes performants avec une pédagogie concrète et directement applicable.

Avis des apprenants

4,7 / 5 sur 51 avis.

Formation très complète. Le formateur explique très bien le fonctionnement de FIGMA et nous donnent des astuces sur les fonctions. Je recommande vivement cette formation.

Jean-Luc T.

Bien expliqué, Le formateur maitrise bien le sujet. Je le recommande vivement

Siba Eric O.

Bon cours, bien détaillé avec des sessions pratiques très utiles.

Pauline M.

Cours très complet et un top formateur

Kristy P.

Je viens de terminer et je suis vraiment satisfait

Eline D.

Très bonne présentation global de l'outil !

Olivier D.

Afficher les 45 autres avis

Dans le catalogue

Ces autres cours pourraient vous intéresser

Questions fréquentes

Prix, accès, paiement, remboursement : l'essentiel avant de vous inscrire.

Toutes les questions

EspritAcadémique, qu'est-ce que c'est ?

EspritAcadémique est une plateforme d'apprentissage en ligne qui propose une large gamme de cours, exercices, ressources et accompagnements personnalisés pour tous les niveaux.

Apprenez ce que vous voulez, quand vous voulez, avec des contenus accessibles à tout moment à un tarif très abordable. De nouveaux cours et formations sont ajoutés régulièrement.

Combien coûte une formation ?

Nous mettons à votre disposition deux formules principales :

Abonnement individuel : 29 € TTC par mois ou 199 € TTC par an (voir nos offres), soit 5 mois offerts par rapport à la formule mensuelle. Il donne accès à l'ensemble des formations tant que l'abonnement reste actif. Sans engagement : vous pouvez l'annuler à tout moment depuis votre espace client, sans frais.

Achat à l'unité : si vous préférez suivre une formation en particulier, c'est possible. Le tarif varie en fonction de la durée de la formation choisie, et l'accès vous reste acquis à vie.

Nous proposons également des solutions dédiées aux entreprises, disponibles sur demande. Pour toute question, vous pouvez utiliser le formulaire de contact ou nous écrire à contact@espritacademique.com.

Quelle est la différence entre l'abonnement individuel et l'achat à l'unité ?

L'abonnement individuel vous donne accès à l'ensemble de nos formations, aux exercices pratiques et aux ressources associées, sur de nombreuses thématiques professionnelles. Vous pouvez ainsi progresser sur plusieurs compétences en parallèle et découvrir chaque nouvelle formation dès sa mise en ligne.

L'achat à l'unité vous donne un accès à vie à la formation choisie, sans abonnement ni renouvellement. C'est la formule idéale si vous avez un objectif précis en tête et que vous souhaitez avancer à votre rythme, sans limite de temps.

Combien de temps ai-je pour suivre une formation ?

Si vous avez souscrit à l'une de nos offres (mensuelle ou annuelle), vous accédez aux formations pendant toute la durée de votre abonnement. En cas d'achat unique d'une formation, celle-ci vous reste accessible à vie.

Est-ce que je peux suivre la formation à mon rythme ?

Oui. Nos formations sont 100 % en ligne et disponibles à tout moment. Vous pouvez avancer à votre propre rythme, selon votre emploi du temps, et reprendre là où vous vous étiez arrêté.

Quels sont les moyens de paiement acceptés ?

Nous acceptons les paiements par carte bancaire et PayPal. Tous les paiements sont 100 % sécurisés grâce au chiffrement SSL/TLS et à nos partenaires de paiement certifiés.

Puis-je être remboursé si la formation ne me convient pas ?

Oui, sous conditions. Vous bénéficiez d'une garantie « satisfait ou remboursé » de 30 jours : si vous n'avez pas encore réellement commencé la formation, vous pouvez demander le remboursement intégral de votre commande sur simple demande, sans avoir à vous justifier.

Cette garantie cesse de s'appliquer dès lors que vous avez visionné plus de 20 % du contenu ou téléchargé les fichiers d'exercices, la formation étant alors considérée comme consommée. C'est pourquoi nous vous invitons à profiter des leçons offertes de chaque formation avant votre achat : elles vous permettent de vérifier que le contenu et la pédagogie vous conviennent.

Pour faire une demande, écrivez-nous à contact@espritacademique.com. Le remboursement est effectué dans les 14 jours suivant la réception de votre demande, sur le même moyen de paiement. Le détail figure à l'article 6 de nos conditions générales de vente.

Ajouté au panier

Apprendre à designer un site web ou une application avec Figma

Chaque formation ajoutée en plus dans le panier coûte 10 % de moins.

Ces formations pourraient vous intéresser

Voir mon panier