Exercice FIGMA : Designer une maquette avec un Carousel horizontal
Exercice FIGMA : Designer une maquette avec un Carousel horizontal
Vous pensiez qu'il n'y avait que Adobe (Photoshop, Illustrator, Experience Design) ou encore Sketch pour réaliser des maquettes web ?
Dans cette formation gratuite vous apprendrez à maitriser l'essentiel de Figma, un nouvel outil dédié au webdesign. Figma est gratuit, collaboratif et compatible Mac, Pc et Linux !
Au programme de ce tuto Figma complet et gratuit :
Voici les points qui seront abordés dans cette formation Figma :
- Découverte de l'interface,
- La philosophie de Figma,
- Les raccourcis utiles pour travailler plus efficacement,
- Les outils principaux,
- Comment collaborer.
Grâce à ce tuto gratuit d'1h30, vous aurez compris comment fonctionne Figma et vous pourrez commencer à travailler vos premières interfaces UX ou vos premiers webdesigns.
Vous pouvez télécharger Figma gratuitement sur le site officiel.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. Un fichier de travail est fourni. Un QCM est également disponible à la fin du cours pour valider vos acquis.
Bonne découverte de Figma !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Vue globale
Vue globale
Chapitre 2
Les Raccourcis : pour aller plus vite !
Les Raccourcis : pour aller plus vite !
Chapitre 3
Vue par fichier
Vue par fichier
Chapitre 4
Les trucs et astuces pour s'organiser
Les trucs et astuces pour s'organiser
Chapitre 5
Aller plus loin avec Figma
Aller plus loin avec Figma
Chapitre 6
Collaborer avec ses clients et ses collègues
Collaborer avec ses clients et ses collègues
Chapitre 7
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Vue globale
03m26s
Leçon 1L'interface générale
Chapitre 2 : Les Raccourcis : pour aller plus vite !
27s
Leçon 1Les raccourcis
Chapitre 3 : Vue par fichier
48m46s
Leçon 1L'anatomie et l'arborescence
Leçon 2Les outils
Leçon 3L'import
Leçon 4Les types d'alignement
Leçon 5Redimensionner et positionner
Leçon 6Les contraintes pour gérer le responsive
Leçon 7Les modes de fusion
Leçon 8Gestion des couleurs et des dégradés
Leçon 9Les contours
Leçon 10Les effets
Leçon 11L'export
Leçon 12Le bloc texte
Chapitre 4 : Les trucs et astuces pour s'organiser
11m04s
Leçon 1Nommer son fichier et ses calques
Leçon 2Grouper ses éléments
Leçon 3Verrouiller et déverrouiller pour mieux protéger
Leçon 4Afficher et masquer pour mieux contrôler
Leçon 5Gérer l'empilement
Leçon 6La grille pour bien se repérer
Chapitre 5 : Aller plus loin avec Figma
18m59s
Leçon 1Composants et instances (initiation au design systems)
Leçon 2Les masques
Leçon 3Les groupes booléens
Chapitre 6 : Collaborer avec ses clients et ses collègues
06m36s
Leçon 1Prototyper pour rendre ses maquettes plus vraies que jamais !
Leçon 2Partager son travail avec ses clients et ses collègues
Leçon 3Collaborer avec les développeurs
Chapitre 7 : Conclusion
46s
Leçon 1Le mot de la fin
Aperçus
Avis des apprenants