◎ Formation complète Figma ◎

Ce cours Figma pour débutants explique ce qu'est Figma, la différence entre UI et UX, le déroulé du cours et un premier projet de brief, puis aborde les wireframes basse fidélité et haute fidélité et la création d'un fichier de design avec des frames.

➲ Section 1 :

⁂ FIGMA - 1.2 Débuter avec Figma : créer votre compte

➔ Créez votre compte Figma et choisissez entre l'application de bureau et la version web : ce sont les premières étapes de la formation.

⁂ FIGMA - 1.3 À quoi sert Figma, et à quoi il ne sert pas ?

➔ Découvrez ce que fait Figma : prototypage rapide, maquettes interactives et visuels graphiques. Et ce qu'il ne fait pas : il ne génère pas le code.

⁂ FIGMA - 1.4 UI et UX : quelle différence ?

➔ Comprenez la différence entre UI, l'apparence d'une interface, et UX, l'expérience vécue par l'utilisateur. Des exemples concrets pour débutants.

⁂ FIGMA - 1.5 Présentation du projet, du persona et du parcours utilisateur

➔ Découvrez le projet Figma de ce cours : concevoir les écrans mobiles d'un site, à partir d'un persona nommé Sarah et d'un flux de tâches précis.

⁂ FIGMA - 1.6 Projet de classe : créer votre propre brief

➔ Générez un projet unique avec un générateur en ligne, puis gardez-en une trace : ce brief servira de base à votre portfolio pendant la formation Figma.

➲ Section 2 :

⁂ FIGMA - 2.1 Wireframe basse fidélité et haute fidélité

➔ Comprenez la différence entre une maquette basse fidélité, simple et rapide, et une maquette haute fidélité, détaillée, avec polices, couleurs et images.

⁂ FIGMA - 2.2 Créer un fichier de conception et des frames dans Figma

➔ Créez un fichier de conception dans Figma, changez la couleur de son fond et ajoutez des frames aux formats téléphone, tablette ou ordinateur.

👍 Bon à savoir

Figma fonctionne dans le navigateur et permet de travailler à plusieurs sur le même fichier. Les développeurs y lisent directement les mesures et couleurs d'une maquette, ce qui en fait l'outil de passage entre design et intégration.