Formateur Ziggourat

Figma Expert - Optimiser son Design System

Cette formation vous permet : • de maîtriser les fonctionalités de Figma pour le Design System • d'appréhender les design tokens et variables dans Figma • d'acquérir une méthodologie optimisée dans la création d'un design system

14 heures sur 2 jours

à Paris & à distance
(Zoom, Google Meet, etc.).
Nous nous engageons à vous répondre dans un délai de 48h

1 300 € HT / personne

Etudions ensemble vos options de financement
Contactez-nous pour monter votre dossier !

Engagement qualité

8 stagiaires maximum par session.
Découvrez les autres engagements qualité qui font la marque de Ziggourat Formation

Objectifs de la formation

Figma Expert - Optimiser son Design System

de maîtriser les fonctionalités de Figma pour le Design System
d'appréhender les design tokens et variables dans Figma
d'acquérir une méthodologie optimisée dans la création d'un design system

Pré-requis

Avoir une bonne maîtrise des fonctionnalités avancées de Figma

Pour qui ?

Graphiste, webdesigner, UI Designer, UX Designer, chef de projet ou toute personne devant utiliser le logiciel dans le cadre de la conception et création d'interface

Formations recommandées

Aucun programme supplémentaire n'est requis pour suivre cette formation.

Au programme de la formation
Figma Expert - Optimiser son Design System

Préambule sur Figma

  • Découvrir les dernières actualités du logiciel Figma

Construire un Design System avec Figma

  • Analyser des ressources et modèles de fichiers de design system
  • Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
  • Appréhender la construction atomique, ses bénéfices et ses limites
  • Faire l'inventaire de ses besoins et structurer son design system
  • Mettre en place une palette de couleurs de base
  • Déployer la palette de couleurs pour le thème Light et Dark
  • Mettre en place les styles de texte, d'effets, de grille partagés
  • Créer des composants atomiques simples
  • Créer des composants complexes (propriétés : variants, bolean, instance, text)
  • Automatiser les positions des éléments avec les autolayout et l'absolute positionning
  • Créer des templates de pages

Appréhender les design tokens et variables dans Figma

  • Appréhender les design tokens
  • Mettre en place des variables dans Figma (couleurs, nombres, textes et variables booléennes)
  • Automatiser la gestion des tailles sur les différentes frames
  • Automatiser la gestion du thème Light/Black sur les différentes frames
  • Mettre en place des tailles minimum et maximum pour les composants

Optimiser votre workflow avec des plugins Figma

  • S'assurer de l'accessibilité
  • Accéder directement aux banques d'icônes
  • Créer et gérer un système d'espace
  • Nettoyer, optimiser le design system
  • Exploiter des plugins d'ai génératives (intelligences articielles)
  • Connaître des plugins d'ai analytiques

Mettre en place une documentation sur ZeroHeight

  • Connecter Figma et ZeroHeight
  • Créer un fichier Figma dédié à la documentation
  • Importer les fichiers Figma
  • Mettre en place une page de suivi des états des composants
  • Mettre à jour sa documentation

Élaborer un mode de travail collaboratif dans le Design System

  • Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
  • Partager son fichier, son projet, son équipe avec des "collaborateurs", "viewers" ou "viewer restricted"
  • Ajouter et gérer des librairies partagées par plusieurs documents
  • Gérer l'utilisation des polices aux polices (accès, variable font, propriétés avancées)
  • Exporter les éléments pour la production (code et assets)
  • Mettre en place une gouvernance pour le design system

Méthode pédagogique

8 participants maximum, un poste par stagiaire et des fichiers modèles sont remis à la fin du stage. La formation est constituée d'explications théoriques, de démonstrations suivies d'exercices de mise en pratique.

Accessibilité

Cette formation est accessible aux personnes en situation de handicap.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage. Émargement quotidien d'une feuille de présence.

Obtenir des informations

sur une prochaine session
Voir d'autres avis
du 30 juil au 31 juil 2024
1300 €
Disponibilité Été
du 03 sept au 04 sept 2024
1300 €
Disponibilité Automne
du 08 oct au 09 oct 2024
1300 €
Disponibilité Automne
du 12 Nov au 13 Nov 2024
1300 €
Disponibilité Automne
du 17 déc au 18 déc 2024
1300 €
Disponibilité Hiver
du 21 janv au 22 janv 2025
1300 €
Disponibilité Hiver
du 25 févr au 26 févr 2025
1300 €
Disponibilité Hiver
du 01 avril au 02 avril 2025
1300 €
Disponibilité Printemps
du 06 mai au 07 mai 2025
1300 €
Disponibilité Printemps
du 10 juin au 11 juin 2025
1300 €
Disponibilité Été
Voir d'autres avis
Demander le programme
S'inscrire directement

Responsable de formation

Participants

Participant
retirer ce participant
Ajouter un participant

Financement

Comment souhaitez-vous financer cette formation ?


Modalités

Souhaitez-vous du distanciel ou du présentiel ?



Envoyer l'inscription
Merci, un conseiller vous contacte rapidement !
deco validation Ziggourat
J’accepte que Ziggourat collecte et utilise les données personnelles renseignées dans ce formulaire dans le but de recevoir une offre commerciale en accord avec notre politique de données personnelles.