- Accès illimité à 1700 formations
Je m'abonne
Ce que vous allez apprendre
- Prendre en main l’interface de Figma et organiser un projet (teams, pages, sections, calques).
- Créer des frames, grilles et mises en page pour produire des écrans UI structurés.
- Utiliser les outils vectoriels, les opérations booléennes, le texte et la gestion des couleurs.
- Mettre en place des styles (couleurs, textes, effets) et comprendre l’usage des variables.
- Concevoir des interfaces responsives avec Auto Layout (dont wrapping et réglages avancés).
- Créer et maintenir des composants UI, variants et propriétés pour des éléments réutilisables.
- Réaliser des prototypes interactifs (overlays, scroll, sticky, Smart Animate, gestes tactiles).
- Partager, collaborer, préparer le handoff via le mode Dev et exporter les ressources.
Introduction à Figma
Projet Figma
Les outils de Figma
Les styles et variables dans Figma
Importation de ressources externes
Responsive Design
Les Composants
Les Plugins
Le mode prototype
Prototype, partage et export
Description
Cette formation est dédiée à la prise en main de Figma pour concevoir des interfaces et produire des prototypes interactifs exploitables en contexte produit. Le parcours guide la découverte de l’interface, l’organisation d’un projet (pages, sections, calques), puis l’utilisation des outils vectoriels, du texte et des couleurs pour construire des écrans cohérents.
Les notions clés de standardisation sont abordées avec les styles (couleurs, typographies, effets) et l’introduction aux variables, afin de structurer un design system simple et de sécuriser la cohérence graphique. La formation met ensuite l’accent sur le responsive design avec Auto Layout (y compris des usages avancés comme le wrapping) pour adapter les composants et les mises en page à différentes tailles d’écran.
La création de composants, leurs variants et propriétés permettent d’industrialiser la production UI et de gagner en efficacité. Le mode Prototype (défilement, fixe/sticky, overlays, Smart Animate, gestes) aide à simuler des interactions réalistes et à préparer des démonstrations. Enfin, les fonctionnalités collaboratives, le mode Dev, l’import de médias et l’export sont traités pour faciliter le partage avec les équipes design et développement.
Pré-requis
Connaître l’environnement Web (navigation, notions de responsive) est recommandé. Des bases sur un logiciel vectoriel constituent un plus, sans être indispensables.
Public Cible
Cette formation s’adresse aux professionnels qui conçoivent ou pilotent des interfaces numériques : UX/UI Designer, webdesigners, directeurs artistiques, product owners et graphistes. Elle convient également aux développeurs souhaitant mieux comprendre la logique de maquette, de prototype et de handoff dans Figma.
Questions fréquentes
-
Que permet de faire Figma dans un workflow UI/UX ?
Figma permet de concevoir des interfaces (UI), de structurer un projet avec des composants et styles, puis de créer des prototypes interactifs pour valider des parcours et partager une intention de design. -
La formation couvre-t-elle Auto Layout et le responsive design ?
Oui. Auto Layout est abordé de façon progressive, puis approfondi avec des concepts avancés comme le wrapping afin de créer des interfaces adaptatives. -
Aborde-t-on les composants, variants et propriétés dans Figma ?
Oui. La formation explique la création de composants UI, l’usage des variants et l’exploitation des propriétés pour produire des bibliothèques plus maintenables. -
Le prototypage avancé est-il inclus (overlays, Smart Animate, scroll) ?
Oui. Les interactions clés sont couvertes : overlays, systèmes de défilement, positionnement fixe/sticky, liens d’ancrage, Smart Animate et simulation de gestes. -
Apprend-on à partager un prototype et à préparer le handoff pour les développeurs ?
Oui. Les fonctionnalités collaboratives, le partage, le mode Dev et les options d’export sont traités pour faciliter la transmission aux équipes. -
Faut-il déjà connaître un logiciel de design pour suivre cette formation Figma ?
Des notions de base en design ou en vectoriel aident, mais la formation est conçue pour poser des fondations solides et guider la prise en main étape par étape.
Avis des apprenants
- Accès illimité à la formation
- Accès illimité à 1700 formations
Je m'abonne
Je m'abonne
Par contre les fichiers de ressources mentionnés dans la formation sont manquant, dommage.
(Il n' y a plus qu'à...:-))
Bravo, il faut maintenant rajouter une autre pour monter le niveau dans la continuité de celle-ci