Formation Figma : Initiation

icon public

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

icon horloge

Durée : 3 jour(s)

Syllabus de la formation Figma : Initiation

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 : SIT101518-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

À 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 500,00 € HT

1 000,00 € HT

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

1 875,00 € HT

Tarif plein :

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

1 500,00 € HT

Tarif remisé :

Contacter Dawan
Logo Figma : Initiation

Programme de Formation Figma : Initiation

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

 

CopyrightDepot Dawan

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 20/08/2025 Oui S'inscrire
Bordeaux Du 27/10/2025 au 29/10/2025 Oui S'inscrire
Distance Du 21/07/2025 au 23/07/2025 Oui S'inscrire
Distance Du 15/09/2025 au 17/09/2025 S'inscrire
Distance Du 29/09/2025 au 01/10/2025 Oui S'inscrire
Distance Du 15/12/2025 au 17/12/2025 Oui S'inscrire
Lille Du 21/07/2025 au 23/07/2025 Oui S'inscrire
Lille Du 29/09/2025 au 01/10/2025 Oui S'inscrire
Lille Du 15/12/2025 au 17/12/2025 Oui S'inscrire
Lyon Du 18/08/2025 au 20/08/2025 Oui S'inscrire
Lyon Du 27/10/2025 au 29/10/2025 Oui S'inscrire
Marseille Du 18/08/2025 au 20/08/2025 Oui S'inscrire
Marseille Du 27/10/2025 au 29/10/2025 Oui S'inscrire
Montpellier Du 18/08/2025 au 20/08/2025 Oui S'inscrire
Montpellier Du 27/10/2025 au 29/10/2025 Oui S'inscrire
Nantes Du 08/09/2025 au 10/09/2025 Oui S'inscrire
Nantes Du 17/11/2025 au 19/11/2025 Oui S'inscrire
Nice Du 18/08/2025 au 20/08/2025 Oui S'inscrire
Nice Du 27/10/2025 au 29/10/2025 Oui S'inscrire
Paris Du 21/07/2025 au 23/07/2025 Oui S'inscrire
Paris Du 29/09/2025 au 01/10/2025 Oui S'inscrire
Paris Du 15/12/2025 au 17/12/2025 Oui S'inscrire
Rennes Du 08/09/2025 au 10/09/2025 Oui S'inscrire
Rennes Du 15/09/2025 au 17/09/2025 Oui S'inscrire
Rennes Du 17/11/2025 au 19/11/2025 Oui S'inscrire
Strasbourg Du 08/09/2025 au 10/09/2025 Oui S'inscrire
Strasbourg Du 17/11/2025 au 19/11/2025 Oui S'inscrire
Toulouse Du 21/07/2025 au 23/07/2025 Oui S'inscrire
Toulouse Du 18/08/2025 au 20/08/2025 Oui S'inscrire
Toulouse Du 27/10/2025 au 29/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

  • La formatrice a pris le temps d'expliquer et d'illustrer les principales fonctionnalités de Figma. Elle n'a pas hésité à revenir plusieurs fois sur une thématique en cas de difficultés.
  • Sonia est très à l'écoute et malgré l fait d'être à distance, elle prend le note de nous aider si nous rencontrons des difficiltés
  • Amelia M.

  • La formation est enrichissante. L'expertise et la pédagogie de Sonia ont rendu les concepts accessibles et motivants.
  • Yassine B.

  • L'exercice de l'app de musique est un bon cas concret pour appliquer les notions enseignées en conclusion des 3 jours de formations.
  • Damien B.

  • Merci à Guillaume, au top, c'était très clair :)
  • Celine L.

  • L'outils Teams fonctionne bien, RAS.
  • Cours très complet pour cette session d'initiation, toutes les bases et tous les outils de Figma ont été abordés avec clarté.
  • Rythme tout à fait adapté à une session d'initiation, j'avais approfondi le logiciel avant la formation mais cela m'a permis de revoir tout plus clairement et avec la bonne façon de faire et des approfondissements pour chaque outils.
  • Très bon échange avec Guillaume, il explique très bien, très clairement et reste à l'écoute de chacun. Il n'hésite pas à revoir chaque élément incompris. Son cours est clair et bien mené, accompagné de nombreux exemples, mises en pratique et de bons tips. Merci !
  • Solenne P.