Logo Laptop  MENU
Formations

Figma Avancé

Figma Avancé

Maîtrisez les fonctionnalités avancées de Figma pour concevoir vos maquettes interactives

En bref

Pratiquez les fonctionnalités avancées de Figma et découvrez les moyens les plus efficaces de collaborer avec les équipes de développement, avec vos co-équipiers, et avec les parties prenantes de vos projets. Ces savoir-faire sont mis en oeuvre dans le cadre d’un mini-projet d’application en conception et réalisation de maquette interactive.

Interfaces Prototypage Interactif Collaboration Figma Design System Workflows Librairies

Durée

3 j - 9h à 18h

Participants

12 max

Lieu

Paris ou à distance

Proch. session

26 au 28 juin 2024

Financement

OPCO, France Travail

1 500 €HT 1 800 €TTC

Financements
Prochaines sessions
Postuler

Programme

Figma Avancé

Interfaces Prototypage Interactif Collaboration Figma Design System Workflows Librairies
Interfaces Prototypage Interactif Collaboration Figma Design System Workflows Librairies
  • Jour 1 Maîtriser les variables

    • Créer les fondations de son Design System en créant et utilisant des variables : couleurs,
      tailles, espaces, typographies, organiser ses variables (primitives, semantic, component specific)
    • Structuration du travail de Design : appréhender les conventions de nommage.
    • Utilisation de Librairies Partagées : Comprendre les avantages et les inconvénients de One
      library vs Split libraries. Être capable de créer sa librairie from scratch, gérer une librairie
      existante.
    • Scinder une librairie en 2 : Déplacer des éléments d’une librairie à une autre sans casser les
      liens dans ses fichiers design
    • Administration d’une équipe dans Figma : gestion des droits, partage et autorisations,
      identification des points de vigilance.
  • Jour 2 Structuration et techniques avancées

    • Conception Responsive : développer une compréhension approfondie des Auto-layouts et des Constraints pour une conception responsive efficace.
    • Variants : maîtriser les bonnes pratiques lors de la création de ses variants
    • Components properties : définir des propriétés à ses composants (text, boolean,swap)
    • Interactive components : appliquer des comportements interactifs à ses variants (ex : boutonsqui passent de l’état « hover » à l’état « pressed ».)
    • Collaboration et Transmission du Travail de Design : Apprendre à collaborer efficacement à
      travers le feedback et les Design Critique, ainsi que les intégrations dans Figma.
    • Optimisation du Workflow dans Figma : Maîtriser des astuces, raccourcis et plug-ins pour optimiser le workflow dans Figma.
    • Introduction au Dev Mode et bonne pratiques designers / devs : S’initier aux meilleures
      pratiques pour une collaboration efficace entre designers et développeurs.
  • Jour 3 Prototypage

    • Maîtriser l’interpolation d’image : Comprendre et maîtriser Smart Animate pour créer des
      animations dans ses prototypes.
    • Prototyper en utilisant les variables : utiliser les variables dans ses prototypes (text, number,
      boolean)
    • Utiliser les Multiple actions et Conditionals : gérer des résultats multiples ou différents au sein
      d’une même interaction. Multiple actions : Empilez un nombre illimité d’actions sur le même
      déclencheur. Conditionals : Vérifier si une condition est remplie avant d’effectuer une action en
      utilisant une instruction conditionnelle if/else.
  • ✔︎ Validation des acquis

    Les acquis de la formation seront validés au moyen d’un exercice de maquettage et prototypage complexe sur Figma.

Photo d'Ugo Jauffret intervenant formation Figma niveau 2
Photo de groupe de travail en formation UI
Image prise lors d'un workshop sur l'IA

Prochaines sessions

26 au 28 juin 2024

Postuler
à distance

4 au 6 décembre 2024

Postuler
à distance

Les intervenants

Voir tous les intervenants du laptop

Modalités de la formation

Toute la FAQ

« Formation complète, avec de la théorie et de la pratique, des formateurs très pédagogues et sympathiques. Je recommande ! »

Camille Delabre

Camille Delabre

Ui designer & artistic director

« J’ai beaucoup apprécié la qualité de l’animation et les thématiques abordées afin de bien saisir les bases mais aussi pour pouvoir voir plus loin dans sa réflexion et pratique »

Julia Gualdi

Julia Gualdi

UI designer

« Très satisfait à la fois du formateur et du contenu de la formation »

 

Michaël Mérignargues

Michaël Mérignargues

Graphic Designer / Illustrator

« La formation correspond tout à fait à l’idée que je m’en faisais. Interactive, dynamique et avec des modules permettant d’être dans l’opérationnel. »

Rémi Peyre

Rémi Peyre

Directeur UX & design

Heures portes ouvertes

Parler avec l'équipe pédagogique

S'inscrire

FAQ

Les questions fréquentes

Parcourir la FAQ
Dernière modification de cette page : 03-04-2024 à 13:51:20

[Brad Frost's Design System Masterclass] - 27 juin 2024 - Découvrez l'événement design immanquable de l'été ⭐️

Brad Frost

Inscription