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.

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)

Merci à Romain pour cette formation Figma expert qui va nous permettre d'aborder sereinement les enjeux des variables Figma, appliquées à notre Design system chez France Travail.

Son expertise, sa pédagogie bienveillante, et ses nombreux conseils sur la méthodologie design/front vont nous faire gagner en efficacité sur nos futurs projets chez France Travail, d’autant plus avec la future charte graphique à venir.

Leslie Bouhier

Lead Designer - France Travail

Romain nous accompagne depuis de nombreuses années sur la formation Figma de nos équipes design.

Excellent pédagogue et expert de l’outil, ses apports sur la méthodologie design et les bonnes pratiques de conception UI et design system, nous ont grandement aidé à concevoir la nouvelle version de DS et son implémentation au sein de nos différents labs.

Cyriaque Billard

Lead Design System - Orange

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