Formation Figma : Initiation + Approfondissement

icon public

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

icon horloge

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

À partir de

875,00 € HT / jour

Tarif pour une personne à distance sans frais
+ 75,00 € HT par participant supplémentaire
+ frais en cas de formation présentielle

1 980,00 € HT

1 000,00 € HT

Pour 20 tickets de 30mn (10 heures) utilisables pendant 12 mois

2 475,00 € HT

Tarif plein :

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

1 980,00 € HT

Tarif remisé :

Contacter Dawan
Logo Figma : Initiation + Approfondissement

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 évaluation 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ée 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 Remisé Actions
Bordeaux Du 18/08/2025 au 22/08/2025 Oui S'inscrire
Bordeaux Du 27/10/2025 au 31/10/2025 Oui S'inscrire
Distance Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Distance Du 15/09/2025 au 19/09/2025 S'inscrire
Distance Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Distance Du 15/12/2025 au 19/12/2025 Oui S'inscrire
Lille Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Lille Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Lille Du 15/12/2025 au 19/12/2025 Oui S'inscrire
Lyon Du 18/08/2025 au 22/08/2025 Oui S'inscrire
Lyon Du 27/10/2025 au 31/10/2025 Oui S'inscrire
Marseille Du 18/08/2025 au 22/08/2025 Oui S'inscrire
Marseille Du 27/10/2025 au 31/10/2025 Oui S'inscrire
Montpellier Du 18/08/2025 au 22/08/2025 Oui S'inscrire
Montpellier Du 27/10/2025 au 31/10/2025 Oui S'inscrire
Nantes Du 08/09/2025 au 12/09/2025 Oui S'inscrire
Nantes Du 17/11/2025 au 21/11/2025 Oui S'inscrire
Nice Du 18/08/2025 au 22/08/2025 Oui S'inscrire
Nice Du 27/10/2025 au 31/10/2025 Oui S'inscrire
Paris Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Paris Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Paris Du 15/12/2025 au 19/12/2025 Oui S'inscrire
Rennes Du 08/09/2025 au 12/09/2025 Oui S'inscrire
Rennes Du 15/09/2025 au 19/09/2025 Oui S'inscrire
Rennes Du 17/11/2025 au 21/11/2025 Oui S'inscrire
Strasbourg Du 08/09/2025 au 12/09/2025 Oui S'inscrire
Strasbourg Du 17/11/2025 au 21/11/2025 Oui S'inscrire
Toulouse Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Toulouse Du 18/08/2025 au 22/08/2025 Oui S'inscrire
Toulouse Du 27/10/2025 au 31/10/2025 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole

  • 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.