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 !
Table des matières de cette formation UX, Figma (durée : 1h30m)
-
Vue globale
- L'interface générale 00:03:26
-
Les Raccourcis : pour aller plus vite !
- Les raccourcis 00:00:27
-
Vue par fichier
- L'anatomie et l'arborescence 00:03:06
- Les outils 00:06:40
- L'import 00:02:50
- Les types d'alignement 00:04:02
- Redimensionner et positionner 00:03:09
- Les contraintes pour gérer le responsive 00:04:32
- Les modes de fusion 00:01:33
- Gestion des couleurs et des dégradés 00:07:15
- Les contours 00:04:41
- Les effets 00:03:27
- L'export 00:03:47
- Le bloc texte 00:03:44
-
Les trucs et astuces pour s'organiser
- Nommer son fichier et ses calques 00:02:50
- Grouper ses éléments 00:01:55
- Verrouiller et déverrouiller pour mieux protéger 00:01:12
- Afficher et masquer pour mieux contrôler 00:01:18
- Gérer l'empilement 00:01:40
- La grille pour bien se repérer 00:02:09
-
Aller plus loin avec Figma
- Composants et instances (initiation au design systems) 00:08:01
- Les masques 00:04:43
- Les groupes booléens 00:06:15
-
Collaborer avec ses clients et ses collègues
- Prototyper pour rendre ses maquettes plus vraies que jamais ! 00:04:16
- Partager son travail avec ses clients et ses collègues 00:01:20
- Collaborer avec les développeurs 00:01:00
-
Conclusion
- Le mot de la fin 00:00:46
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Jordane Lacroix
-
Clair et efficace merci
-
Tuto très bien expliqué, merci.
-
Très bien expliqué, merci pour ton travail et continue de partager avec nous tes connaissances ;-)
-
Avec quelle version de logiciel ce tuto est-il compatible ?UX
-
Quel est le niveau requis pour suivre ce tuto ?débutant
![Tuto Apprendre à devenir Webdesigner [Théorie et Pratique] XD](http://fr-images.tuto.net/tuto/thumb/358/159/127851.webp)
note moyenne
avis laissés