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 : Pratique des logiciels graphiques Adobe Photoshop ou Illustrator.

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 stage mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT101841-F

Taux de satisfaction : 4,96 / 5

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 € HT / jour

1 980,00 €HT

1 250,00 € HT

Pour 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.
Les éléments de l’UX
Rôle de l’UI Designer

Installer Figma

Créer un compte
Les différentes formules
Installer l’application
Les projets et les équipes
Gérer et organiser ses projets avec la version gratuite

Prendre en main Figma

Découvrir l’interface
Ajouter, modifier, supprimer des frames (espace de travail).
Naviguer dans la zone de travail : zoomer, se déplacer
Utiliser et paramétrer les grilles
Ajouter des repères
Créer des pages

Découvrir les outils

Créer des formes de bases : Touches de contraintes, attributs de fond et de contour
Gérer la couleur : Créer un style de couleur ou ajouter au document
Créer des courbes avec la plume
Transformer une forme standard en tracé
Ajouter ou soustraire des formes
Découvrir le panneau layers, créer des groupes de calques.
Créer et éditer du texte : En ligne ou en bloc
Choisir les polices à utiliser
Redimensionner avec l’outil scale
Créer et utiliser les styles de texte
Transformer la boîte de texte

Atelier : créer un logo avec Figma

Ajouter des plugins

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

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
Créer et modifier des composants
Répéter des éléments et les aligner

Atelier : créer une maquette d’appli de musique

Créer et organiser des styles

Créer des styles de texte, les appliquer et les modifier
Créer des groupes de style avec le renommage
Créer des styles de couleurs ou d’effets

Atelier : créer une maquette onepage

Créer des prototypes animés

Créer des liens avec des ancres
Créer des liens entre frames
Gérer les paramètres d’animations
Visualiser et tester les prototypes
Tester sur Téléphone avec l’application mobile

Atelier : créer une interface de messagerie

Travailler avec les composants et les autolayout

Créer et modifier des composants
Ajouter des propriétés aux composants
Créer des variants
Travailler en responsive avec l’auto-layout
Gérer les défilements verticaux et horizontaux

Atelier : créer une interface de site de recettes

Travailler avec HTML et CSS

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

Atelier : exporter une maquette en HTML/CSS

Collaborer avec Figma

Partager et commenter une maquette
Travailler en simultané
Utiliser les widgets

Atelier : créer un design system en collaboration

Créer, réaliser des maquettes pour un site Responsive Web Design ou application avec Photoshop et Adobe XD.
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
  • 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
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

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 27/05/2024 au 31/05/2024 Oui S'inscrire
Bordeaux Du 05/08/2024 au 09/08/2024 Oui S'inscrire
Bordeaux Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Bruxelles Du 17/06/2024 au 21/06/2024 S'inscrire
Bruxelles Du 02/09/2024 au 06/09/2024 S'inscrire
Bruxelles Du 18/11/2024 au 22/11/2024 S'inscrire
Distance Du 13/05/2024 au 17/05/2024 Oui S'inscrire
Distance Du 20/05/2024 au 24/05/2024 Oui S'inscrire
Distance Du 10/06/2024 au 14/06/2024 Oui S'inscrire
Distance Du 26/08/2024 au 30/08/2024 Oui S'inscrire
Distance Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Genève Du 10/06/2024 au 14/06/2024 S'inscrire
Genève Du 26/08/2024 au 30/08/2024 S'inscrire
Genève Du 04/11/2024 au 08/11/2024 S'inscrire
Lille Du 13/05/2024 au 17/05/2024 Oui S'inscrire
Lille Du 22/07/2024 au 26/07/2024 Oui S'inscrire
Lille Du 30/09/2024 au 04/10/2024 Oui S'inscrire
Luxembourg Du 17/06/2024 au 21/06/2024 S'inscrire
Luxembourg Du 02/09/2024 au 06/09/2024 S'inscrire
Luxembourg Du 18/11/2024 au 22/11/2024 S'inscrire
Lyon Du 10/06/2024 au 14/06/2024 Oui S'inscrire
Lyon Du 19/08/2024 au 23/08/2024 Oui S'inscrire
Lyon Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Marseille Du 10/06/2024 au 14/06/2024 Oui S'inscrire
Marseille Du 19/08/2024 au 23/08/2024 Oui S'inscrire
Marseille Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Montpellier Du 27/05/2024 au 31/05/2024 Oui S'inscrire
Montpellier Du 05/08/2024 au 09/08/2024 Oui S'inscrire
Montpellier Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Nantes Du 03/06/2024 au 07/06/2024 Oui S'inscrire
Nantes Du 19/08/2024 au 23/08/2024 Oui S'inscrire
Nantes Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Nice Du 10/06/2024 au 14/06/2024 Oui S'inscrire
Nice Du 19/08/2024 au 23/08/2024 Oui S'inscrire
Nice Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Paris Du 13/05/2024 au 17/05/2024 Oui S'inscrire
Paris Du 22/07/2024 au 26/07/2024 Oui S'inscrire
Paris Du 30/09/2024 au 04/10/2024 Oui S'inscrire
Rennes Du 10/06/2024 au 14/06/2024 Oui S'inscrire
Rennes Du 19/08/2024 au 23/08/2024 Oui S'inscrire
Rennes Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Strasbourg Du 10/06/2024 au 14/06/2024 Oui S'inscrire
Strasbourg Du 19/08/2024 au 23/08/2024 Oui S'inscrire
Strasbourg Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Toulouse Du 20/05/2024 au 24/05/2024 Oui S'inscrire
Toulouse Du 05/08/2024 au 09/08/2024 Oui S'inscrire
Toulouse Du 14/10/2024 au 18/10/2024 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

    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

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