Formation Figma Débutant

Description

Cette formation Figma vous permettra de maîtriser les bases du design d'interfaces pour créer des maquettes et prototypes.

Pendant 1 jour, vous apprendrez à :

• Créer un fichier, une page et organiser les premiers calques
• Réaliser un premier écran fonctionnel (page d'accueil simple)
• Créer un bouton réutilisable sous forme de composant
• Transformer une carte statique en composant flexible
• Créer un prototype cliquable de parcours utilisateur simple

Public

Cette formation s'adresse aux développeurs·euses débutant·e·s en design, chef·fe·s de projet, product owners et professionnel·le·s non-designers souhaitant prototyper des interfaces.

Les objectifs

• Maîtriser l'interface Figma et ses outils essentiels
• Créer des écrans simples avec frames et grilles (web ou mobile)
• Concevoir des styles et composants réutilisables
• Appliquer Auto Layout pour mises en page flexibles
• Prototyper des parcours utilisateurs interactifs
• Collaborer et exporter designs efficacement

Pré-requis

• Aucun pré-requis en design ou Figma requis
• Ordinateur portable à apporter

Le programme de la formation Figma Débutant

• Introduction à Figma et aux interfaces numériques
  • Présentation de Figma et de ses usages
  • Notions fondamentales d’interface (écran, navigation, cohérence)
  • Différence entre maquette, prototype et produit final
• Découverte de l’interface Figma
  • Canvas, pages frames et calques
  • Organisation d’un fichier
  • Outils essentiels : texte, formes, images
  • Navigation, zoom et raccourcis principaux
• Création d’écrans simples
  • Frames (web et mobile)
  • Grilles de mise en page
  • Alignement et hiérarchie visuelle
  • Gestion des couleurs et des textes
• Styles et composants
  • Styles de texte et de couleur
  • Composants : intérêt et fonctionnement
  • Instances et modifications globales
  • Bonnes pratiques pour la réutilisation
• Mise en page flexible avec Auto Layout
  • Principe et intérêt d’Auto Layout
  • Espacements, marges, redimensionnement
  • Cas concrets adaptés aux non-designers
• Prototypage simple et navigation
  • Connexions entre écrans
  • Interactions de base
  • Mode présentation
• Collaboration, partage et export
  • Partage d’un fichier
  • Commentaires et retours
  • Historique des versions
  • Export des écrans (PNG, SVG)
  • Bonnes pratiques de transmission à une équipe

Mises en pratique :

• Créer un fichier, une page et organiser les premiers calques
• Réaliser un premier écran fonctionnel (page d’accueil simple)
• Créer un bouton réutilisable sous forme de composant
• Transformer une carte statique en composant flexible
• Créer un prototype cliquable de parcours utilisateur simple

Télécharger le programme

Formateur

Fanny KOCH

Fanny Koch partage son expertise sur Figma depuis plus de six ans auprès d’étudiants en UX/UI, développeurs et professionnels du développement.

Fanny propose des formations Figma adaptées à tous les niveaux, du débutant au niveau avancé, en accompagnant des web designers et développeur·euse·s dans l’optimisation de leurs processus de création.

Sa particularité ? Un regard artistique qui mêle design d’interface, photographie, peinture et dessin, offrant une approche du design à la croisée de l’expérience utilisateur et de l’expression visuelle.

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1797 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 208 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux