Formation Figma Débutant

Name: Formation Figma Débutant
Brand: Human Coders
SKU: 3846
Price: 800 EUR
Availability: InStock
Rating: 4.7 (15 reviews)

Une journée pour créer vos premières maquettes sur Figma : interface et outils, écrans avec frames et grilles, styles, composants et auto-layout.

Description
Programme
Formateur(s)

Description
Programme
Formateur(s)
Demander un devis

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

Pour aller plus loin : la formation Figma.

Public

Cette formation s'adresse aux développeur·euse·s 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

Thématiques de cette formation

UX/UI Figma

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

Non, aucun prérequis en design ou en Figma n'est demandé. La formation s'adresse aux développeurs débutants en design, aux chef·fe·s de projet, aux product owners et aux professionnel·le·s non-designers qui veulent prototyper des interfaces.

Cette formation dure 1 jour et couvre les bases : écrans simples, composants, Auto Layout et prototype cliquable. Figma dure 3 jours et va plus loin, avec une bibliothèque de styles et de composants, un mini-prototype et un projet final.

Vous aurez créé un premier écran, un bouton réutilisable sous forme de composant, une carte flexible et un prototype cliquable de parcours utilisateur. Le partage du fichier, les commentaires et l'export en PNG ou SVG font aussi partie du programme.

Elle vise plutôt les profils non-designers, avec des cas concrets adaptés à ce public. Pour monter en compétence sur Figma, voyez plutôt Figma puis Figma avancé.

Nos formations sont éligibles à plusieurs dispositifs de financement, selon votre situation. Human Coders est certifié Qualiopi, ce qui permet la prise en charge par des organismes comme Pôle emploi, votre OPCO ou encore le CPF (Compte Personnel de Formation) pour certaines formations.

Pour en savoir plus, veuillez consulter notre page : Comment financer votre formation ?

Oui, la formation peut être proposée en présentiel ou en distanciel. Pour les inter-entreprises, les modalités (présentiel ou à distance) sont fonction de la session.

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Les formations se déroulent toujours en petit groupe de 3 à 6 stagiaires. Nous souhaitons que les formateurs et formatrices puissent passer un maximum de temps avec chacun·e.

Voici une journée type :

9h : vous êtes accueillis par votre formateur·rice autour d'un petit déjeuner (croissants, pains au chocolat, jus de fruit, thé ou café...)
9h30 : la formation commence
12h30 : pause de midi. Le·a formateur·rice mangera avec vous. C'est l'occasion d'avoir des discussions plus informelles.
14h : reprise de la formation
18h : fin de la journée

8 raisons de participer à une formation Human Coders

Satisfaction client élevée : Un taux de satisfaction de 4,6/5 depuis 2012 (sur 1972 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 : 278 formations au catalogue, de quoi vous accompagner sur tout vos projets
Écosystème dynamique : Nous accompagnons les dev depuis 14 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