Article original : UI Design with Figma - Tutorial
Figma est un éditeur de graphiques vectoriels et un outil de prototypage souvent utilisé pour la conception d'interfaces utilisateur.
Nous venons de publier un cours de 10 heures sur Figma qui vous apprendra à utiliser cet outil pour la conception UI.
Joseph Brendan a développé ce cours. Joseph est un excellent instructeur qui a enseigné à des milliers de personnes sur sa chaîne YouTube.
Figma ressemble à ceci.
Voici toutes les sections couvertes dans ce cours complet :
- Créer un compte Figma
- Créer et nommer un fichier de conception Figma
- Créer des formes dans Figma
- Sélection dans Figma
- Modifier des formes dans Figma
- Introduction à la typographie dans Figma
- Arbre de conception dans Figma
- Première tâche de conception
- Couleurs dans Figma
- Outils de dessin dans Figma
- Marges et espacements dans la conception UI/UX
- AutoLayout de Figma
- Principes de mise en forme dans Figma
- Contraintes et redimensionnement dans Figma
- Conception de site web dans Figma
- Principe de conception de Jakob
- Introduction aux styles et composants
- Variantes de composants Figma
- Conception et configuration de mise en page pour les sites web dans Figma
- Grilles de mise en page dans Figma
- Introduction au design réactif
- Guide de Material Design
- Introduction à Tailwind UI
- Projet de conception Tailwind UI
- Projet de conception de page d'accueil réactive
- Conception d'applications mobiles
- Iconographie dans Figma
- Groupes booléens
- Tokens Figma
- Animation dans Figma avec Figmotion
- Projet de conception mobile
Regardez le cours complet ci-dessous ou sur la chaîne YouTube freeCodeCamp.org (10 heures de visionnage).