Formation Figma : Designez vos prototypes facilement

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
• Gestion des styles
• Courbes de Bézier
• Maîtriser les opérations booléennes
• La typographie dans Figma
• Manipulation et édition d’images
• Découverte des fonctions de style d’objet
• Créer sa librairie d’assets pour wireframes

CONSTRUCTION D’INTERFACE, DU WIREFRAME À L’UI

• Méthodologie et organisation des fichiers
• Comment organiser son projet de l’UX à l’UI
• Mise en place des grilles et des repères
• Utiliser Auto Layout pour créer des interfaces responsives
• Mise en place des styles
• Fonctionnalités des composants
• Gestion des librairies
• Ressources et modèles externes compatibles à Figma
• Plugins et services complémentaires

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
• Définir les interactions
• Utiliser Smart Animate
• 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
• Collaborer sur un fichier
• Exporter ses écrans en fichiers de différents formats (pdf,jpg et png)
• Optimiser l’export d’image pour tous types d’écrans
• Exporter des codes et des assets
• Exportation des éléments sur Zeplin
• Découvert des ressources collaboratives