Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 6 modules dans ce cours
C'est la dernière ligne droite pour devenir un super-héros de l'UX dans Figma avec Daniel Scott. Dans Figma Pro Pt. 4, nous explorons la pointe des flux de travail de conception en utilisant les variables, les jetons de conception, le prototypage avancé et le Dev Mode. Si vous avez toujours voulu créer des composants réactifs et interactifs qui s'adaptent comme par magie et qui sont parfaitement transmis aux développeurs, ce cours est votre billet d'or. À la fin de ce cours, vous serez en mesure : * d'utiliser des variables pour créer des interfaces dynamiques, des modes clair/foncé et une logique conditionnelle * de construire et de gérer des jetons de conception pour des systèmes de conception évolutifs et réutilisables * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation * de préparer des actifs prêts pour la production et de collaborer en douceur en utilisant le Dev Mode et les outils de documentation. Vous devez être à l'aise avec les mises en page automatiques, les composants et les bases du prototypage. Avec plus de 40 leçons approfondies et des projets de classe, vous quitterez ce cours avec un travail prêt pour le portefeuille et la confiance nécessaire pour mener des projets UX/UI de la conception à la remise au développeur. Bio du formateur : Daniel Walter Scott est un concepteur UX, un instructeur certifié Adobe et le fondateur de Bring Your Own Laptop (BYOL). Avec plus de 14 ans d'expérience dans l'enseignement, il a aidé des milliers d'apprenants dans le monde entier à maîtriser les logiciels de conception et de création à travers l'impression, le web, la vidéo et maintenant la 3D. Daniel est un expert certifié Adobe et un instructeur certifié Adobe qui combine l'expertise de l'industrie avec un style d'enseignement pratique, engageant et mémorable. Originaire de la Nouvelle-Zélande, Daniel a vécu et enseigné à travers l'Australie, l'Irlande et au-delà, partageant ses compétences avec une communauté créative véritablement mondiale. Il est passionné par l'idée d'aider les étudiants à acquérir des compétences concrètes qu'ils pourront mettre à profit dans leur carrière et leurs projets créatifs. Lorsqu'il n'enseigne pas, Daniel profite de la vie avec sa femme irlandaise et ses enfants. Il apporte cette perspective personnelle et terre-à-terre dans ses cours, rendant les outils complexes accessibles et amusants à apprendre.
Dans ce module, vous plongerez dans le puissant système de mise en page automatique de Figma et apprendrez les raccourcis qui vous aideront à travailler plus intelligemment. Vous vous exercerez à utiliser l'accolade et le remplissage, à définir un espacement absolu, à coller des éléments à des positions réactives et à contrôler totalement la façon dont vos conceptions s'adaptent et s'alignent.
Inclus
6 vidéos2 lectures1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
6 vidéos•Total 20 minutes
Quels sont les raccourcis pour l'accolade et le remplissage dans Figma ?•4 minutes
Comment définir l'espacement absolu pour que les choses ignorent Autolayout dans Figma ?•3 minutes
Comment positionner de manière absolue un objet réactif dans Figma ?•2 minutes
Comment coller des éléments en bas à droite d'une mise en page automatique dans Figma•4 minutes
Comment redimensionner automatiquement une case dans une mise en page automatique pour qu'elle corresponde au texte dans Figma ?•5 minutes
Quels sont les raccourcis de remplissage et de redimensionnement d'autolayout ?•2 minutes
2 lectures•Total 40 minutes
Intro Read pour Figma Pro Partie 4•10 minutes
Instructions pour le projet•30 minutes
1 devoir•Total 30 minutes
Quiz du module 1•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Boutons, habillage et précision de la mise en page
Module 2•1 heure à terminer
Détails du module
Développez vos compétences en matière de mise en page automatique en créant des éléments polyvalents et évolutifs tels que des boutons et des conteneurs enveloppés. Ce module démystifie également la différence entre l'inclusion et l'exclusion de traits et vous apprend à personnaliser entièrement l'espacement pour affiner votre système de conception UI.
Inclus
4 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
4 vidéos•Total 11 minutes
Comment créer un bouton d'une largeur et d'une hauteur minimales dans Figma•4 minutes
Comment envelopper des objets de mise en page automatique dans Figma•2 minutes
Qu'est-ce que la notion de trait inclus exclu dans la mise en page automatique de Figma ?•2 minutes
Comment définir un espacement personnalisé dans les mises en page automatiques dans Figma ?•4 minutes
1 devoir•Total 30 minutes
Quiz du module 2•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Composants, superpositions et effets de survol
Module 3•2 heures à terminer
Détails du module
Ce module se concentre sur la conception de composants intermédiaires et l'interactivité. Vous explorerez les stratégies de regroupement, les espaces réservés et la conversion de sites Web réels en projets Figma. De plus, vous construirez des menus déroulants, des effets de survol et des barres de recherche interactives pour enrichir vos compétences en matière de prototypage.
Inclus
10 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
10 vidéos•Total 79 minutes
Comment organiser les composants en groupes dans Figma•6 minutes
Comment créer des composants de type "slot placehold" dans Figma•7 minutes
Comment convertir un site web existant en un design Figma•5 minutes
Comment créer un menu déroulant à l'aide de superpositions dans Figma•14 minutes
Comment créer un menu déroulant à plusieurs niveaux dans Figma•14 minutes
Class project 17 - Menu déroulant imbriqué•1 minute
Comment créer un effet de croissance au survol pour les images dans Figma•18 minutes
Projet de classe 18 - Effet de croissance en survol•2 minutes
Comment créer une barre de recherche extensible dans Figma•10 minutes
Class project 19 - Barre de recherche étendue•1 minute
1 devoir•Total 30 minutes
Quiz du module 3•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Introduction aux variables et au prototypage dynamique
Module 4•1 heure à terminer
Détails du module
Entrez dans l'avenir de la conception avec les variables Figma. Vous apprendrez à construire des éléments réactifs qui réagissent à l'entrée de l'utilisateur en utilisant des variables numériques, booléennes et de couleur. Ce module vous permettra de construire des prototypes intelligents avec des comportements et des thèmes dynamiques.
Inclus
8 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
8 vidéos•Total 34 minutes
Que sont les variables dans Figma ?•3 minutes
Comment créer un total de panier en utilisant des variables numériques dans Figma•6 minutes
Comment ajouter des conditions aux variables dans Figma•2 minutes
Changement de variable à l'aide d'une variable booléenne - changer la couleur du panier•6 minutes
Transformer notre variable booléenne en false dans Figma•2 minutes
Création d'une fenêtre contextuelle de superposition dans le panneau d'action Variable de Figma•3 minutes
Modes de lumière et d'obscurité utilisant les collections et les variables de couleur dans Figma•7 minutes
Comment modifier l'espacement avec des variables numériques dans Figma•5 minutes
1 devoir•Total 30 minutes
Quiz du module 4•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Jetons de conception, animation et accessibilité
Module 5•2 heures à terminer
Détails du module
Les systèmes de conception prennent vie grâce aux jetons et aux animations. Ce module vous guide dans l'utilisation des concepteurs UI pour créer des UI cohérentes, avant de faire preuve de créativité en matière d'animations et d'accessibilité. Vous découvrirez également les meilleures pratiques en matière de collaboration d'équipe.
Inclus
8 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
8 vidéos•Total 64 minutes
Qu'est-ce qu'un jeton de conception dans Figma ?•7 minutes
Comment créer des Design Tokens dans Figma•10 minutes
Création de jetons de conception d'espacement et de rayon dans Figma•8 minutes
Quand utiliseriez-vous les jetons de conception dans Figma ?•5 minutes
Comment animer le long d'un chemin dans Figma ?•12 minutes
Comment ajouter des fichiers d'animation Lottie dans Figma•5 minutes
Rendre vos conceptions accessibles - Un guide pour le plugin d'accessibilité dans Figma•11 minutes
Quels sont les conseils pour travailler avec des collègues dans Figma ?•7 minutes
1 devoir•Total 30 minutes
Quiz du module 5•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Mode développement, exportation et transfert de projet
Module 6•2 heures à terminer
Détails du module
Terminez votre parcours dans Figma Pro avec les outils dont vous avez besoin pour réaliser des projets professionnels. Vous explorerez le contrôle des versions, les stratégies d'exportation, la documentation des composants et le mode développement pour vous assurer que vos conceptions sont à la fois soignées et prêtes à être développées.
Inclus
11 vidéos1 devoir1 évaluation par les pairs1 sujet de discussion
Afficher les informations sur le contenu du module
11 vidéos•Total 47 minutes
Comment visualiser l'historique des versions, dupliquer et restaurer dans Figma•6 minutes
Comment archiver et restaurer les versions précédentes des fichiers Figma•4 minutes
Comment créer et partager un flux dans Figma•4 minutes
Comment utiliser l'outil Slice dans Figma•3 minutes
Comment exporter des images non recadrées et non mises à l'échelle à partir de Figma ?•4 minutes
Comment exporter des images webp depuis Figma et Photoshop ?•5 minutes
Comment réduire la taille de toutes les images d'un fichier Figma•3 minutes
Comment documenter un composant dans un système de conception dans Figma•5 minutes
Comment utiliser le mode DEV dans Figma•5 minutes
Projet de classe 20 - Terminez votre dessin ou modèle•6 minutes
Prochaines étapes - Figma Advanced•2 minutes
1 devoir•Total 30 minutes
Quiz du module 6•30 minutes
1 évaluation par les pairs•Total 60 minutes
Projet de cours•60 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Skillshare est une communauté d'apprentissage en ligne où vous pouvez prendre des cours auprès de véritables créatifs en activité. Débloquez votre croissance personnelle et professionnelle, développez vos compétences, créez des liens et trouvez votre bonheur.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je souscris à cette Specializations ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.
Une aide financière est-elle disponible ?
Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.