Figma pour les développeurs

Profiter de toute la puissance de Figma et du dev mode pour améliorer la delivery et gagner du temps sur l’intégration front-end.

Se former avec cacatoès !

4,8/5 sur plus de 100 avis

Les objectifs de la formation

Tous nos déroulés peuvent s'adapter aux besoins de vos équipes. Contactez-nous pour en savoir plus.

Comprendre la vision de Figma

Découvrir les ponts entre Figma et le développement front-end (termes, concepts, variables ...)

Trouver les synergies entre Figma et le front-end

Convenir d'un langage commun, comprendre les outputs Figma pour préparer le front.

Optimiser et automatiser le hand-off

Mettre en place la stack et les process pour le hand off avec les différents outils (Github, Zeroheight, Storybook ...)

Maintenir et faire évoluer

Gérer la gouvernance du Design system et les évolutions. Animer une communauté autour du projet et recevoir les feedbacks des utilisateurs.

Le programme de la formation

Tous nos déroulés peuvent s'adapter à vos besoins et à vos équipes. Contactez-nous pour en savoir plus.

Découvrir Figma et ses concepts appliqués au développement Front-end

Présentation du logiciel et des principes de conception UI, gérer la communication avec les designers.

Harmoniser le hand-off avec les designers

Optimiser Figma pour sa stack technique (Github, json ...), préparer son environnement de développement pour l’intégration front.

Présentation du dev mode et des plugins

Intégrer les composants Figma dans son environnement de dev, rédiger et lier la documentation (Zeroheight, Storybook, Specify, etc.).

Optimiser le process de delivery avec les designers

Intégrer les tokens dans son framework front (Bootstrap, Tailwind, etc.), utiliser le plugin VS Code pour Figma.

Maintenir et faire évoluer

Présentation des REST API de Figma, versioning et évolution des composants.

Aller plus loin

Gestion des tokens avec le plugin “Token Studio” et présentation des meilleurs outils pour faciliter la mise en place d’un DS.

Informations

Participants
2 à 8
Modalité
Présentiel/Distanciel
Supports
Inclus
Durée
1 jour (7h)
Tarif
Nous consulter

Obtenir un devis

Cette formation est réservée aux entreprises. Pour les formation individuelles, consultez notre page Academy

Pré-requis

Licence Dev Mode ou Token Studio
Projet en cours ou à venir

Nos clients en témoignent

The Cacatoès Theory accompagne des clients de toutes tailles en leur proposant des formations en design adaptées à leurs besoins.

Très bonne formation proposée par l’équipe Cacatoès, nous avons pu revoir les bases avec mon équipe puis personnaliser ensuite la formation afin de nous accompagner dans la création de notre Design System. Globalement j’ai pu monter en compétence sur le logiciel, je me sens plus à l’aise avec le traitement des variables et j’ai hâte de pouvoir mettre en application tous ces conseils !

Leslie Desbiens

Lead designer BNP Paribas

Merci à The Cacatoès Theory pour ce workshop produit qui nous a aidé à redéfinir les priorités, les axes d'amélioration de notre produit mais aussi pouvoir se poser avec l'ensemble de notre équipe afin d'en discuter et s'aligner.

C'est une réelle bouffée d'air frais, que de pouvoir solliciter l'avis d'experts afin de gagner du temps et affiner notre roadmap en mettant l'expérience utilisateur au cœur de notre démarche

Julien Ancel

CEO & Co-Founder

Merci à The Cacatoès Theory pour cette formation complète et très riche, qui nous a permis de mieux comprendre le logiciel Figma.

Le rythme de la formation, et l'alternance entre théorie et pratique, est idéal pour assimiler les concepts.

Les supports vidéos sont parfaits pour réviser les nombreuses notions abordées. Merci à Maxime et Romain de TCT pour cette formation.

Mathilde Magontier

Senior UX research manager - User testing (Testapic)

Toutes nos formations entreprises

Tous nos déroulés peuvent s'adapter à vos besoins et à vos équipes. Contactez-nous pour en savoir plus.

Penser comme un Product Designer

Passer de UX/UI designer en intégrant la dimension business et stratégie dans le développement d’un produit SaaS. Devenir le leader de la vision produit et la mettre en application.

Créer un Design System

Comment créer et maintenir un design system dans une organisation design et pluri-disciplinaire ?

Figma Expert

Améliorer sa productivité sur Figma, construire et maintenir un design system avec les variables. Concevoir en utilisant le prototypage conditionnel et le reponsive design.

Maîtriser Figma - Niveau 1

Acquérir les bases du logiciel et les bons réflexes pour prototyper des interfaces Desktop et mobile haute-fidélité.

Contactez-nous