Apprenez les éléments de base de la conception numérique dans Figma. Ce module présente les bases du wireframing, les outils clés pour la typographie et la création de formes, ainsi que les meilleures pratiques pour l'utilisation de cadres afin d'organiser vos mises en page. Vous apprendrez également quand utiliser des wireframes de basse fidélité ou de haute fidélité.

Maîtrisez les outils de style visuel de Figma en explorant l'application des couleurs, les paramètres de trait et la manipulation des objets. Ce module explique également la différence entre les cadres et les groupes pour une organisation plus intelligente, et vous donne une expérience pratique de l'utilisation des outils d'édition de Figma.

Mettez en pratique vos connaissances en matière de wireframing en construisant une mise en page fonctionnelle et en incorporant des icônes dans votre conception. Vous apprendrez où trouver des icônes gratuites, comment faire correspondre les styles de traits pour plus de cohérence et comment utiliser des plugins pour rationaliser votre flux de travail en matière d'icônes

Donnez vie à vos conceptions statiques avec des prototypes cliquables. Ce module vous apprend à utiliser des pages pour organiser des conceptions multi-écrans, à ajouter des animations et du easing, et à tester vos prototypes directement sur votre téléphone à l'aide de Figma Mirror.

Découvrez comment collaborer et partager efficacement vos conceptions tout en ajoutant des animations dynamiques. Vous utiliserez Smart Animate pour les transitions, apprendrez à recueillir l'avis des parties prenantes par le biais de commentaires et collaborerez en temps réel grâce à des fonctions d'édition partagées.

Le design commence par l'inspiration. Ce module vous aide à identifier les sources d'influence créative, à construire un moodboard qui donne le ton à votre projet et à communiquer clairement la direction visuelle de votre travail UX.

Établissez une cohérence de conception à l'aide de styles de couleurs, de palettes personnalisées et de grilles de mise en page. Vous découvrirez comment structurer le contenu à l'aide de colonnes et d'outils d'alignement, construire des dégradés et créer des systèmes de couleurs réutilisables qui donneront de l'éclat à votre travail.

Plongez dans les détails de la typographie numérique. Vous apprendrez à choisir des polices sûres pour le web, à créer des styles de caractères, à gérer l'appariement des polices et à résoudre les problèmes courants liés au texte afin que vos concepteurs soient à la fois accessibles et visuellement attrayants.

Améliorez vos compétences en matière de conception de formes grâce aux opérations booléennes et aux outils d'édition de chemins de Figma. Apprenez à créer des éléments d'UI personnalisés tels que des boutons en forme d'écureuil et à combiner des formes de manière créative en utilisant Union, Flatten, et bien plus encore.

Terminez en beauté en intégrant des images dans vos conceptions à l'aide des fonctions de masquage et de recadrage de Figma. Vous comparerez également les capacités de Figma en matière d'images avec des outils tels que Photoshop et Illustrator et explorerez les plugins qui améliorent vos flux de travail en matière d'images.