Figma : gagner en efficacité
Prérequis
Il est nécessaire d’avoir suivi la formation “Figma : réussir sa prise en main” ou justifier de compétences équivalentes (interface maîtrisée, autolayout, propriétés de composants et variants).
Programme
Réviser les fonctions essentielles
- Rappeler les spécificités de Figma
- Anticiper la conception en auto-layout
- Rappeler le bon usage des librairies
- Animer avec les variants
Créer des composants avancés
- Structurer ses composants pour l’animation
- Créer des nested composants (composants imbriqués)
- Animer des composants avec plusieurs interactions (multi-trigger)
- Créer des animations vectorielles avec le smart-animate
- Manipuler les courbes de Bézier
Développer la gestion de ses librairies
- Remplacer des composants avec les Swap d’instance
- Administrer ses librairies
- Swaper ses librairies
Intégrer efficacement ses datas dans Figma
- Préparer un jeu de données (Excel, Google Sheets, Airtable…)
- Organiser l’import dans Figma
- Importer de la data en .json
Situer Figma dans un flux de production collaboratif
- Identifier les plugins et widgets incontournables
- Préparer ses composants pour une intégration dans un design system
- Créer les design tokens pour les développeurs
- Gérer le Hand-off avec des solutions tierces (Zeplin, Zeroheight, Storybook…)
- Déployer son design sur des plateformes nocode ou lowcode (Bubble, Bravo Studio…)
- Évaluer le potentiel des API Figma
Nos prochaines sessions
Artistes / Auteurs affiliés à la maison des artistes ?
Ressources
- Supports de cours dématérialisés
- Supports vidéo (enregistrements, pendant la session, d’une sélection de démonstrations réalisées par l’intervenant)
- Abonnement de 3 mois à tuto.com
- Inscription au forum des swashers
Découvrez notre magazine !
Interviews, avis d'experts, inspiration : 40 pages pour explorer notre univers et nos domaines de compétences.
Modalités en présentiel
Parcours pédagogique :
Quiz de positionnement ❯ 2 jours présentiels continus ❯ Évaluation des acquis
Méthode pédagogique :
Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, feedbacks personnalisés
Moyens techniques :
- 1 poste par participant (Mac ou PC, selon votre choix), équipé de Figma, fourni par nos soins
- Poste de l’intervenant relié à un grand écran ou vidéoprojecteur
Modalités en distanciel
Parcours pédagogique :
Quiz de positionnement ❯ 2 classes virtuelles discontinues (2 x 1 jour) ❯ Évaluation des acquis
Méthode pédagogique :
Expositive + démonstrative : exposés théoriques, démonstrations, mise en pratique, travail individuel inter-sessions, feedbacks personnalisés
Moyens techniques :
- Classe virtuelle créée par nos soins
- Chaque apprenant participe à la session avec son ordinateur, connecté à Internet, et équipé :
- d’un micro et d’une caméra
- de l'application Figma