Formation Figma avancée

Perfectionnez-vous sur Figma : techniques avancées pour des interfaces complexes

Notre formation Figma Avancée est conçue pour les professionnels souhaitant perfectionner leur maîtrise d’un logiciel de design graphique dédié aux interfaces web, mobiles, et responsives.

Figma continue de révolutionner le domaine des logiciels de conception en favorisant la collaboration entre designers, chefs de produit et développeurs. Contrairement à des logiciels plus généralistes comme Photoshop ou Illustrator, Figma est entièrement dédié à la conception d’interfaces et d’écosystèmes applicatifs. Bien qu’il soit facile à prendre en main et gratuit, Figma dévoile toute sa puissance avec des fonctionnalités avancées permettant d’organiser et de partager efficacement les éléments de design : pages, composants dynamiques, polices, couleurs, chartes graphiques, tout y est.

Cette formation met l’accent sur la pratique avancée de l’outil. Notre formateur/consultant expert en UI design vous accompagnera dans l’utilisation des fonctionnalités avancées de Figma et dans la création de maquettes complexes. Vous apprendrez à utiliser l’Auto-Layout, les contraintes, les variants, les tokens de design, et bien plus encore pour créer des designs modulaires et responsives. Vous découvrirez également comment créer des prototypes détaillés avec des animations et micro-interactions, et collaborer efficacement avec votre équipe grâce aux espaces d’équipe et aux fonctionnalités de partage.

Cette formation nécessite une maîtrise intermédiaire de Figma et des expériences préalables en conception d’interfaces. Une bonne connaissance générale des outils informatiques est également requise pour tirer pleinement parti de ce programme avancé.

Prochaines sessions

20-21-22 novembre 2024 à distance

Télécharger le programme de formation

Pré-requis

Maîtrise intermédiaire de Figma et expériences préalables en conception d’interfaces.

Pour participer à une formation Figma de niveau expert, les participants devraient être compétents et avoir une expérience pratique avec les fonctionnalités avancées suivantes de Figma :

  • Connaissance de l’interface de Figma : Savoir naviguer dans l’interface et utiliser les outils de base.
  • Manipulation de base des éléments : Être capable d’ajouter, déplacer, et redimensionner des objets.
  • Utilisation des calques : Comprendre comment organiser et gérer des calques dans Figma.
  • Création et application des styles : Savoir créer des styles pour les textes et les couleurs.
  • Introduction aux composants : Avoir une notion de base sur la création et l’utilisation des composants.
  • Fonctionnalités de collaboration : Connaissance des fonctions de partage et de commentaire dans Figma.

Public concerné

Professionnels du design ayant une expérience avec Figma : UI/UX designers, chefs de projet digital, concepteurs d’interface, responsables produit, et designers d’expérience utilisateur.

Les Objectifs

À l’issue de la formation, vous pourrez :

  • Comprendre et utiliser efficacement des fonctionnalités comme l’Auto-Layout, les contraintes, et les variants pour des designs responsives et modulaires.
  • Implémenter et gérer des tokens pour les couleurs, typographies, et espacements, assurant ainsi la cohérence visuelle à travers les différents projets.
  • Créer des prototypes détaillés avec des animations et des micro-interactions pour améliorer l’expérience utilisateur.
  • Collaborer efficacement avec des équipes de développement et d’autres designers en utilisant des espaces d’équipe, des fonctionnalités de partage, et de gestion des permissions.
  •  Utiliser des plugins et widgets pour automatiser les tâches répétitives et optimiser les flux de travail de design.
  • Préparer et documenter efficacement les spécifications des projets de design pour une transmission fluide aux équipes de développement.

Le programme

Jour 1
Afficher le programme détaillé

JOUR 1 : Révision et renforcement des acquis avec Figma

Mise à jour des compétences :

    • Raccourcis et astuces pour travailler plus vite
    • Maîtriser les contraintes et l’Auto-Layout
    • Utilisation avancée des composants et des variants

Exercice pratique : Intégration des contraintes, Auto-Layout, composants et variants dans un projet concret.

Collaboration efficace avec Figma :

    • Utiliser les espaces d’équipe et partager des fichiers
    • Gérer les permissions pour une collaboration sans faille
    • Organiser efficacement les pages et fichiers pour les workflows d’équipe

Exercice pratique : Appliquer les retours via les commentaires, suivre le cycle de vie du composant, et comparer les modifications en restaurant une version antérieure.

Jour 2
Afficher le programme détaillé

JOUR 2 : Techniques de design avancées dans Figma

Les tokens de design :

    • Comprendre les design tokens et leurs bénéfices
    • Utilisation pratique des tokens pour les couleurs, typographies et espacements
    • Application des tokens aux animations et micro-interactions

Exercice pratique : Appliquer des tokens à des composants et écrans de prototypes, intégrer des animations de base et créer des micro-interactions.

Projet réel de design :

Exercice pratique : Développer une application ou un site web en utilisant des composants dynamiques, des contraintes, l’Auto-Layout et des tokens. Intégrer des micro-interactions pour tester et affiner les prototypes.

Jour 3
Afficher le programme détaillé

JOUR 3 : Intégration et automatisation pour une collaboration efficace

Optimisation des flux de travail et livraison :

    • Présentation des plugins et outils compatibles avec Figma (storybook, zeroheight)
  • Stratégies pour optimiser les livraisons avec les équipes de développement

Évaluation et perfectionnement :

      • Présentation des projets par les participants et feedback personnalisé
      • Discussion sur les meilleures pratiques pour la livraison de projets de design

Les modalités pédagogiques

Chaque participant accède aux outils pédagogiques suivants :

  • Le support de formation
  • Un accès à Figma
  • Un KIT de composants graphiques
  • Le livre UX design et ergonomie des interfaces
  • Les modèles de fichiers nécessaires à la réalisation des travaux pratiques
  • Une bibliographie
  • Une liste de liens utiles créée par le formateur
  • Un groupe Slack pour échanger avec le formateur

Le distanciel

  • Le nombre de participants est limité à 8 personnes
  • Le formations sont séquencées en module de 1h30 maximum
  • Des pauses sont aménagées après chaque module
  • Vous accédez à nos outils collaboratifs : Miro, Figma Jam, Google Drive, Slack

Nos formateurs : Des experts du terrain

Usabilis se distingue des organismes de formations classiques : l’expérience du consultant des formateurs permet d’agrémenter le contenu de la formation d’exemples concrets et de transmettre leur expérience acquise sur le terrain.

GEOFFREY REBILLOU Consultant UX/UI designer et formateur

La Faq

Comment m’inscrire à la formation ? Pour vous inscrire vous pouvez utiliser le module de demande de devis présent en haut de chaque page formation ou contacter notre service de formation au 01 57 63 86 58.
Comment puis-je faire financer cette formation ?

Toutes nos formations sont éligibles aux financements suivants selon que vous soyez :

  • Salariés des TPE-PME : OPCO-EP, AKTO, AFDASAtlas
  • Indépendants et chefs d’entreprises : FIF-PLAGEFICE
  • Freelances affiliés à la MDA : AFDAS
  • Demandeurs d’emploi : Pôle Emploi ( ARE et CSPAIF )

Pour vous conseiller sur le financement de votre formation contactez nous au 01 57 63 86 58.

Est-ce que Figma est compatible avec Mac et PC ? Figma fonctionne sur Mac comme sur PC. Il est accessible depuis un navigateur ou via un programme d'installation. Vous pouvez télécharger Figma via https://www.figma.com/downloads/. Afin de savoir si Figma est compatible avec votre ordinateur vous pouvez vous référer  à la section "Prérequis" de cette page ou sur Figma compatibility.  
Dois-je acheter une licence pour Figma avant la formation ? Vous n'avez pas à effectuer d'achats auprès de Figma avant la formation. Il vous suffit de créer un compte sur Figma. La création d'un compte Figma est gratuite et vous permettra de suivre la formation.

Nos labels qualité

Nos formations ont reçu le label du référentiel Qualiopi qui atteste de la qualité des processus mis en œuvre par Usabilis dans les actions de formation qu’il propose (information, accueil, suivi, …).

Nos formations ont reçu le label qualité du référentiel Data-dock, elles sont donc éligibles à un financement total ou partiel par de nombreux OPCO.

Personnes en situation de handicap  : merci de nous contacter au 09 80 44 76 70 pour nous permettre d’évaluer avec vous la possibilité d’adaptation de notre formation à vos besoins.

Les formations qui pourraient vous intéresser

Formation Design Graphique

Les bons réflexes pour concevoir une interface graphique

En savoir plus
Formation Adobe XD

Concevoir des prototypes et maquettes avec l'outil Adobe

En savoir plus
Design System

Mettre en place un Design System et les règles du design orienté objet

En savoir plus