Formation Figma : Initiation + Approfondissement

Public : Intégrateurs/développeurs web, graphistes

Durée : 5 jour(s)

Syllabus de la formation Figma : Initiation + Approfondissement

Pré-requis : Intérêt pour les web et les applications

Objectifs : Comprendre les notions d'interface utilisateur. Créer des wireframes, des maquettes et des prototypes dynamiques d’interfaces utilisateurs .

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Référence : SIT101841-F

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

Télécharger le programme

INTER INTRA DISTANCE TUTORAT

2 475,00 € HT

Tarif plein :

Paiement à 60 jours
Report possible à J-3
3 tickets d'assistance

Contacter Dawan

Programme de Formation Figma : Initiation + Approfondissement

Comprendre les bases de l’UI Design

Présentation de l'interface utilisateur (UI)
La place de l’UI au sein de l’UX
Le rôle de l’UI Designer

Installer Figma

Créer un compte
Les différentes formules Figma
Les fichiers, équipes et projets d’équipes
Gérer et organiser ses projets avec la version gratuite

Comprendre la suite Figma

Faire le tour d’horizon des outils Figma : Design, Figjam, Slides, Buzz, Sites et Make
Comprendre les liens entre les outils
Lier les outils au travers de l’utilisation de la communauté Figma

Prendre en main Figma Design

Comprendre l’interface Design et ses outils
Comprendre l’interface Prototype et ses outils
Comprendre le principe des pages
Découvrir le panneau Layers et Assets

Découvrir les outils essentiels de Figma Design

Comprendre l’outil essentiel des Frames
Utiliser et paramétrer les grilles de mise en page
Utiliser les repères
Naviguer dans la zone de travail
Créer des formes de bases
Créer des courbes avec la plume
Transformer une forme standard en tracé
Ajouter ou soustraire des formes
Gérer la couleur
Créer et éditer du texte
Transformer la boîte de texte
Redimensionner avec l’outil Scale

Manipuler les objets

Importer une ou plusieurs images
Déplacer des images
Créer un masque sur une image
Ajouter des effets
Copier des tracés vectoriels depuis Illustrator
Répéter des éléments et les aligner

Créer et organiser des styles

Comprendre le principe des styles pour automatiser nos actions
Créer des styles de texte, les appliquer et les modifier
Créer des styles de couleurs ou d’effets
Créer des styles de grilles de mise en page
Créer des groupes de style avec le renommage

Atelier : Créer une illustration sur Figma

Travailler avec l’Autolayout

Comprendre la différence entre frame simple et frame avec option Autolayout
Activer l’autolayout sur des éléments d’interface
Découvrir les paramètres et fonctionnement de l’autolayout
Paramétrer un autolayout

Travailler avec les composants

Créer et modifier des composants
Découvrir les propriétés possibles sur les composants
Ajouter et appliquer des propriétés aux composants
Comprendre le lien entre Composant principal et Instances
Animer ses composants

Atelier : Réaliser de premiers éléments d’interface avec les outils Autolayout et composants

Utiliser les plugins

Choisir et installer un plugin
Découvrir les plugins indispensables
Utiliser les plugins dans ses projets

Atelier : Création d’une onepage

Premiers outils indispensables du prototypage

Maîtriser les contraintes des éléments d’interface
Gérer les défilements verticaux et horizontaux
Comprendre les comportements scroll, fixed et sticky
Définir les comportements scroll, fixed et sticky d’un élément d’interface

Atelier : Création d’un ou plusieurs écrans d’une application mobile Podcasts

Créer des prototypes animés

Découvrir les différents types d’interaction
Découvrir les différents types d’actions
Comprendre et gérer les différents paramètres d’animations
Visualiser et tester les prototypes
Tester sur Téléphone avec l’application mobile Figma

Atelier : Créer l’ensemble des liens dynamiques et interactifs sur les écrans de l’atelier précédent

Collaborer avec Figma

Partager et commenter une maquette
Travailler en simultané
Utiliser les widgets
Partager son fichier sous forme de librairie
Exporter et sauvegarder ses projets

Travailler avec HTML et CSS

Inspecter le code de ses maquettes
Les plugins pour exporter en HTML/CSS

Délai d'accès :Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Dans le cas d’un financement via votre CPF, la validation de votre dossier devra être réalisée 11 jours ouvrés avant le début de formation

Modalités d’évaluation : Les évaluations en cours de formations sont réalisées par les ateliers de mise en pratique et les échanges avec les formateurs

Créer, réaliser des maquettes pour un site Responsive Web Design ou application.
Analyser les contraintes et mettre en place les bonnes pratiques de la conception d'une interface interactive (User Interface) adaptée aux supports desktop, tactiles ou mobiles.

Un support et les exercices du cours pour chaque stagiaire
Un formateur expert ayant suivi une formation à la pédagogie et ayant au minimum 3 années d'expériences dans le domaine visé
Boissons offertes pendant les pauses en inter-entreprises
Salles lumineuses et locaux facilement accessibles
Méthodologie basée sur l'Active Learning : 75% de pratique minimum
Matériel pour les formations présentielles informatiques : un PC par participant
Positionnement à l'entrée et à la sortie de la formation
Certification CPF quand formation éligible
Délai d’accès : D'une à trois semaines en fonction des sessions ouvertes

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu	Date	Actions
Bruxelles	Du 04/08/2025 au 08/08/2025	S'inscrire
Bruxelles	Du 20/10/2025 au 24/10/2025	S'inscrire
Distance	Du 21/07/2025 au 25/07/2025	S'inscrire
Distance	Du 04/08/2025 au 08/08/2025	S'inscrire
Distance	Du 15/09/2025 au 19/09/2025	S'inscrire
Distance	Du 29/09/2025 au 03/10/2025	S'inscrire
Distance	Du 15/12/2025 au 19/12/2025	S'inscrire
Luxembourg	Du 04/08/2025 au 08/08/2025	S'inscrire
Luxembourg	Du 20/10/2025 au 24/10/2025	S'inscrire

Nos centres de formation

Bruxelles

Rue de la Loi, 23

1040 Bruxelles
Distance

32 Boulevard Vincent Gâche

44000 Nantes
Luxembourg

5 Rue Goethe

L-1637 Luxembourg

Excellent formateur, rien à redire, s'adapte aux besoins des stagiaires. Parfait
Stéphanie C.

Guillaume est un très bon formateur, qui prend le temps de bien expliquer les choses et est patient.
Aminé A.

Formatrice vraiment à l'écoute, patience qui s'adapte au personne de la formation.
Julie R.

Merci à Sonia pour sa grande patience ! elle a été comme une maman qui répète 1000 fois les choses à ses enfants, sans aucun signe d'agacement et toujours avec le sourire ! Elle est claire et concise, maîtrise sa matière, s'adapte à nos besoins et cerise sur le gâteau, elle est super sympa ! Personnellement, je suis épatée de voir une formatrice si jeune et si douée … C'est une vocation chez elle. Merci milles fois Sonia !
Laurence T.

La formatrice s'est adaptée à nos besoins et est partie d'exemples qui nous concernaient.
Excellente formatrice, très agréable, à l'écoute et disponnible. Hyper patiente et performante.
Delphine B.

Formatrice excellente, maîtrise son sujet et est à l'écoute de tous nos problèmes rencontrés. Suivait notre rythme plutôt que de nous l'imposer. Communiquait aisément avec les participants.
Ivan V.

Une excellente formatrice, à l'écoute, très sympa, qui n'hésite pas à rajouter un côté ludique à sa formation. Même si tout ce qui a été abordé n'est pas encore acquis tellement il y a de possibilités et et d'informations, Sonia a su répondre parfaitement à nos questions et nous aiguiller au mieux. Merci à elle de sa bonne humeur!
Rudy T.

Je trouve que le rythme de la formation était parfait. Un bon mélange entre exemple à suivre & projets à faire de son côté.
Excellente formatrice, très enjouée et toujours à l'écoute. Les cours étaient dynamiques et très agréable à suivre.
Pauline T.

Sonia est une personne passionnée et passionnante, son cours est fluide, malgré la difficulté que représente Figma , Sonia à su nous guider et nous faire avancer facilement.
Sonia, répond parfaitement à toutes les questions, non seulement, elle anime le cours avec fluidité et une belle touche d'humour bien amené. Merci de nous transmettre ta passion.
Nathan D.

j'aime beaucoup la vibe de la formatrice c'est top :) j'ai appris beaucoup de choses sur figma car c'était un logiciel difficile a comprendre pour moi mais je comprends mieux a présent :)
le cours est assez riche pour une semaine c'est top !
Rien a dire j'ai beaucoup aimé l'énergie donnée dans ses cours donc c'était plaisant a suivre
Rayan D.

Très bonne formatrice, elle explique bien les choses, elle instaure une ambiance agréable et sympathique au sein du cours.
Maxence D.

Formatrice très à l'écoute, agréable. On peut ressentir son enthousiasme à nous apprendre un domaine qui la passionne ! Pour ceux qui découvrent ou qui avaient des notions sur Figma, le niveau du cours était bien adapté !
Ilan A.

Comme toujours, l'environnement de travail est parfait.
Le cours m'a permis de découvrir à quoi servait figma et ce qui etait possible avec.
La formatrice est très à l'écoute en cas de besoin, nous explique bien point par point les étapes d'utilisation de ce logiciel. La mise en pratique via un petit projet personnel pour l'apprentissage du logiciel était enrichissant.
Steven L.

Très bon accompagnement et pédagogie ; malgré les différents niveaux, je pense que tout le monde a été satisfait, j'ai beaucoup appris, notamment au niveau des variants et variables ainsi que des bonnes pratiques. La formation a vraiment bien répondu à mes attentes, malgré mes doutes concernant mon niveau (je pensais que la formation serait un peu plus accès pour les débutants et craignais ne rien apprendre)
Laura F.

Très riche et bien structuré
J'ai pu apprendre beaucoup de choses lors de cette formation, à moi de m'exercer pour la suite. Le formateur était très disponible et prenait le temps de répondre à nos questions sans hésitation.
Super, disponible à l'écoute et prend le temps de nous expliquer en étant sûr que nous avons compris.
Zeineb B.

Rien à redire
Au top. De nombreux exemples sur lesquels j'ai pu voir de nombreuses fonctionnalités qui me serviront dans mon travail. Je suis vraiment ravie. Par ailleurs, on a pu l'adapter à mon projet en cours et c'est un réél plus.
Vraiment parfait.
Une super formatrice à l'écoute, qui s'est adaptée à mon rythme, à mes demandes. Très patiente et professionnelle. J'ai juste un regret c'est que la formation soit terminée. Un grand merci Sonia et j'espère à bientôt pour des petites nouvelles !!! ☺
Fabienne C.

Sonia est une machine. Elle maîtrise parfaitement Figma, elle a réponse à toutes nos questions, elle a la solution à chacun de nos problèmes. Difficile de trouver la faille. Côté humain elle est super sympa, d'une patience à toute épreuve, et sait très bien vulgariser.
Julie V.

Une bienveillance et gentillesse de toutes les personnes travaillant chez Dawan. Une attention portée sur l'accueil et l'écoute, la disponibilité et une volonté d'être très arrangeant.e avec nos emplois du temps respectifs. Des qualités de déférence indéniables.
S'adapte au besoin de toustes.
Merci à Guillaume, super formateur !
Julia G.

Très bonne semaine de formation, bon rythme, même si il y a beaucoup de notions à retenir. Merci pour cette semaine :)
Tristan H.

Cours répondant à mes attentes, j'ai pu apprendre comment utiliser les diverses fonctionnalités de Figma
Formatrice souriante et toujours de bonne humeur, toujours disponible pour répondre à nos questions et nous aider
Thouraya P.

Le rythme était parfait, il faut s'adapter à tous les niveaux et ce n'est vraiment pas évident. Ce qui Guillaume à sur faire parfaitement. Le "Bon" pour Réponse à vos attente... c'est plus pour la partie exporter une maquette en HTML/CSS car je sais qu'on va m'attendre à ce niveau. Mais j'ai compris qu'il fallait s'intéresser et tester.
Stéphane D.