Formation Figma 

Programme de notre formation Figma

Introduction à Figma

• Qu’est-ce que Figma ?
• Ses fonctionnalités
• Grands principes de conception sur écran
• Découvrir l’interface de Figma
• Les raccourcis principaux

Création des formes pour des interfaces

• Créer des formes de différente complexité
• Créer des frames et des calques
• Transformation des éléments
• Ajout des effets
• Courbes de Bézier
• Maîtriser les opérations booléennes

Construction des fichiers .fig

• Méthodologie de construction des fichiers .fig
• Comment organiser son projet de l’UX à l’UI
• Mise en place des grilles et des repères
• Mise en place des styles
• Fonctionnalités de l’override
• Exploitation de contraintes de redimensionnement
• Gestion des librairies
• Partage de librairies par plusieurs documents
• Ressources et modèles externes compatibles à Figma
• Plugins et services nécessaires à Figma

Optimisation du workflow

• Sélection des plugins pour Figma
• Chemin d’accès vers le stockage des images et des icônes
• Gestion du contenu personnalisé
• Mises à jour du contenu importé
• Automatisation des transformations des éléments sur les différents écrans
• Automatisation des éléments en fonction du contenu

Création d’un prototype avec des animations

• Définir des frames du prototype
• Distinguer Open Overlay, Navigate To et Swap With
• Établir une connexion entre les différents écrans
• Création d’un système de navigation à plusieurs niveaux
• Découvrir les différentes variantes d’interactions et d’animation

Exportation et partage de projet

• Adapter son projet au mobile
• Exporter ses écrans en fichiers de différents formats (pdf,jpg et png)
• Partager ses écrans sur le cloud
• Exporter des codes et des assets
• Exportation des éléments sur Zeplin