0$ C'est gratuit

Tuto Gratuit : Maîtrisez les bases de Figma avec UX

0$ C'est gratuit

  • Une formation vidéo de 1h30m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 (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



Formateur : Jordane Lacroix

Jordane Lacroix a publié 2 tutoriels et obtenu une note moyenne de 4,9/5 sur 2 361 tutoriels vendus. Voir les autres formations de Jordane Lacroix

4,9
note moyenne

54
avis laissés
5 étoiles
50
4 étoiles
4
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-7831-9934 laissé le 01/04/2020
    Hello ! Je profite du confinement pour me "former" de façon autodidacte à l'univers UX/UI et un peu de bases de dev pour pimenter tout ça. Ton tuto est top, je me sers souvent de tes chapitres en repères. Je viens de finaliser un premier design, c'est top ! Question : Pourquoi les export sont hyper lourds ? Je veux faire des exports (PDF ou autre) car je dois en envoyer par mail et c'est vraiment trop lourd. Une solution ?
    "Bonjour et merci pour cet avis :). Serait-il possible de passer par le salon d'entraide de ce cours et de m'envoyer le lien (avec droits de modification) de votre fichier afin que je vois un peu mieux le soucis ?"

  • 5
    avis de membre-6274-8141 laissé le 29/03/2020
    Merci Jordan. Ton tuto est excellent : clair et très complet. Je suis néophyte en Web Design et je crois que ton tuto va être ma bible de chevet pendant un bon bout de temps ! Encore merci également de l'avoir offert gratuitement car, autrement, je n'aurais jamais osé sauter le pas.
    "Whaouuu, ravi d'avoir pu t'aider, j'espère que les prochains tutos te plairont"

  • 5
    avis de membre-9740-4012 laissé le 29/03/2020
    Merci beaucoup pour ce tuto très clair, synthétique pour une très bonne compréhension !
    "Merci à vous, cela me motive pour la suite."

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    UX
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1152 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données