Installation de Figma
Découverte de l'interface
Refonte de l'application météo "Rain Today"
Prototypage de l'app
Pour aller plus loin / Bonus
Détails de la leçon
Description de la leçon
Cette leçon aborde de manière exhaustive le panneau droit de Figma, section par section. Tout d'abord, nous couvrons la partie Design, qui permet d'ajuster et de personnaliser chaque élément graphique de votre projet. Ensuite, nous explorons la section Prototype destinée à la mise en place des workflows interactifs entre différents écrans. Enfin, nous détaillons la section Inspection, qui fournit aux développeurs et intégrateurs des informations précieuses pour une intégration efficace des éléments designés.
L'interface de Figma permet également d'exporter les frames tout en configurant l'arrière-plan en fonction des préférences de l'utilisateur. Grâce à cette leçon, vous serez en mesure de comprendre et d'utiliser pleinement ces trois fonctionnalités essentielles de Figma.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Comprendre l'utilisation des différentes sections du panneau droit de Figma.
- Apprendre à créer et à tester des prototypes interactifs.
- Savoir exporter et partager les designs de manière optimale pour faciliter l'intégration par les développeurs.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir :
- Des connaissances de base en design UI/UX.
- Une familiarité avec les concepts de prototypage.
- Une première expérience de l'utilisation de Figma ou d'outils similaires.
Métiers concernés
Voici quelques métiers où les compétences décrites dans cette vidéo sont essentielles :
- UI/UX Designer.
- Développeur front-end.
- Intégrateur web.
Alternatives et ressources
En plus de Figma, d'autres outils peuvent être utilisés :
- Sketch, pour le design graphique.
- Adobe XD, pour le prototypage et le design interactif.
- InVision, pour la création de prototypes interactifs et collaboratifs.
Questions & Réponses
Je m'abonne