Figma de A à Z
Par Samuel Hermoso (Elastic Heads) , Concepteur UX-UI
Découvrez un outil unique pour créer des designs de façon collaborative et apprenez à concevoir des interfaces interactives
Domestika Basics · 5 cours inclus
-
Cours 1 : Introduction au programme. Conception avec des vecteurs et des images et effets.
Par Samuel Hermoso (Elastic Heads)
Dans ce premier cours, commençons par le plus simple : se déplacer dans l’interface de Figma.
-
Cours 2 - L'expérience de lecture
Par Samuel Hermoso (Elastic Heads)
Améliorer l'expérience de lecture de l'utilisateur grâce à des calques, des alignements, des distances et des espacements.
-
Cours 3 - Mise à l'échelle du projet
Par Samuel Hermoso (Elastic Heads)
Lorsque le projet a besoin de grandir et d’être ajusté, c’est le moment où ça vaut la peine d’investir du temps pour créer des composantes qui s’adaptent à toutes les circonstances.
-
Cours 4 : Propotypes intéractifs et travail en équipe
Par Samuel Hermoso (Elastic Heads)
Avec Figma, vous pourrez tester rapidement des idées et des interactions qui simulent l’expérience interactive réelle sans code.
-
Cours 5 : Design responsive et applications
Par Samuel Hermoso (Elastic Heads)
Apprendre à travailler plus efficacement
En design, il est de plus en plus important de pouvoir travailler en équipe et de manière coordonnée. Pour ce faire, Figma offre la possibilité de le faire en temps réel et depuis n'importe quel système d'exploitation et plateforme. Pour cette raison, il est devenu un outil essentiel dans le processus créatif de designers comme Samuel Hermoso.
Dans ce Domestika Basics composé de 5 cours, le designer UX-UI Samuel Hermoso vous apprendra à maîtriser ce programme gratuit à partir de zéro. Avec lui, vous apprendrez à créer des écrans pour des sites Web, des applications mobiles et toute autre interface graphique interactive à travers des exemples pratiques que vous pourrez partager avec l'équipe et tester avec les utilisateurs.
Si vous souhaitez approfondir la conception de sites Web et d'applications, dans sa précédente introduction Domestika Basics à Sketch, Samuel vous expliquera comment travailler avec le logiciel pionnier du marché pour la conception d'interfaces comme un professionnel.
- 99% avis positifs (374)
- 23 576 élèves
- 36 leçons (8 h 21 min)
- 5 cours
- 31 vidéos téléchargées
- En ligne et à votre rythme
- Disponible sur l'application
- Audio : Espagnol, Anglais
- Espagnol · Anglais · Portugais · Allemand · Français · Italien · Polonais · Néerlandais
- Niveau : Débutant
- Accès illimité pour toujours
Logiciel recommandé pour ce cours
FigmaAvis
Samuel Hermoso (Elastic Heads)
Par Samuel Hermoso (Elastic Heads)
Avec plus de 20 ans d'expérience spécialisée dans le conseil et la conception de produits numériques. Après avoir travaillé avec différents studios et agences, il a créé le studio Elastic Heads, à Madrid (Espagne), où il aide les personnes, les entreprises et les startups à s'adapter aux nouveaux changements du monde numérique et à améliorer leurs produits numériques.
Au-delà de la direction de son étude, Samuel se consacre également à l'enseignement, étant professeur de conception de produits, d'expérience utilisateur et de méthodologies, et d'outils de conception interactifs dans des écoles telles que: Ironhack, M. Marcel School, IED, Neoland et l'Université européenne.
Contenu
Cours 1 : Introduction au programme. Conception avec des vecteurs et des images et effets.
-
U1
Présentation
-
Présentation
-
-
U2
Démarrer avec Figma
-
Démarrer avec Figma
-
-
U3
insérer des éléments
-
insérer des éléments
-
-
U4
Les fonctions de base
-
Les fonctions de base
-
-
U5
cadres et groupes
-
cadres et groupes
-
-
U6
conception de vecteur
-
conception de vecteur 1
-
conception de vecteur 2
-
-
U7
travailler avec des images
-
travailler avec des images
-
-
U8
effets
-
effets
-
Cours 2 - L'expérience de lecture
-
U1
Expérience de lecture et ajustements de texte
-
Expérience de lecture et ajustements de texte
-
-
U2
Tailles et styles de texte
-
Tailles et styles de texte 1
-
Tailles et styles de texte 2
-
-
U3
organiser les calques
-
organiser les calques
-
-
U4
Mesurez les distances, alignez et distribuez les textes et ajoutez des guides
-
Mesurez les distances, alignez et distribuez les textes et ajoutez des guides
-
-
U5
"Mise en page automatique"
-
"Mise en page automatique" 1
-
"Mise en page automatique" 2
-
Cours 3 - Mise à l'échelle du projet
-
U1
Composants et instances
-
Composants et instances 1
-
Composants et instances 2
-
-
U2
Transformer le responsive avec les "Contraintes"
-
Transformer le responsive avec les "Contraintes"
-
-
U3
"Variantes" et "Propriétés des composants"
-
"Variantes" et "Propriétés des composants" 1
-
"Variantes" et "Propriétés des composants" 2
-
-
U4
Mise en page et grille
-
Mise en page et grille
-
Cours 4 : Propotypes intéractifs et travail en équipe
-
U1
Prototypage de base et interactions
-
Prototypage de base et interactions
-
-
U2
Redimensionner les écrans, les défilements et les éléments fixes
-
Redimensionner les écrans, les défilements et les éléments fixes
-
-
U3
Prototypes avancés avec "Overlays"
-
Prototypes avancés avec "Overlays" 1
-
Prototypes avancés avec "Overlays" 2
-
-
U4
Animations et "Smart Animate"
-
Animations et "Smart Animate" 1
-
Animations et "Smart Animate" 2
-
-
U5
Prévisualiser dans le navigateur et les appareils et partager
-
Prévisualiser dans le navigateur et les appareils et partager
-
Cours 5 : Design responsive et applications
-
U1
plugins
-
Modules externes 1
-
Plugins 2
-
-
U2
Raccourcis clavier
-
Raccourcis clavier 1
-
Raccourcis clavier 2
-
-
U3
Présentations
-
Présentations
-
-
U4
Penser le design avec Figma
-
Penser le design avec Figma
-
-
U5
Remise
-
Remise
-
Afficher le contenu des 5 cours
À propos de Domestika Basics
Domestika Basics est un ensemble de cours sur les logiciels les plus utilisés par les esprits créatifs du monde entier.
Le contenu a été soigneusement pensé pour les élèves qui se lancent dans une nouvelle discipline créative et pour les profils professionnels expérimentés qui souhaitent enrichir leurs connaissances.
Apprenez auprès des meilleurs professeurs de Domestika avec des leçons pratiques, de nombreuses ressources et un niveau de difficulté progressif qui vous permettra de voir les résultats dès le premier jour.
Grâce à Domestika Basics, professionnalisez vos compétences et réalisez des projets plus importants.
-
Sans connaissances préalables
Avec Domestika Basics, trouvez tout ce dont vous avez besoin pour vous lancer dans une nouvelle discipline créative et devenez spécialiste en la matière.
-
Des cours axés sur l'outil
Découvrez les bases, techniques et méthodes éprouvées dont vous avez besoin pour le maîtriser.
-
Apprenez rapidement
Laissez-vous guider par nos meilleurs professionnels, qui vous expliqueront chaque étape de façon claire pour vous permettre de profiter au maximum du programme.
-
Certificats Plus
En tant que membre Plus, vous recevrez un certificat personnalisé signé par le professeur à la fin du cours. Vous pourrez le partager dans votre portfolio, sur les réseaux sociaux et là où vous voulez !
Figma
marumunoz
Siempre diseñé mockups en illustrator, y quería aprender a hacerlo en Figma mas que todo por las animaciones presentadas en el prototipado. Es un curso completo, Samuel explica muy bien, dice que es lo básico, pero para ser básico hay bastante contenido 😅. Recomendado para quienes se inician en figma y quieren trabajar el diseño web de una manera más dinámica, atractiva y profesional.
Afficher la traduction
Masquer la traduction
ace_skywalker
Me está gustando mucho este curso. Todo es práctica y concentración.
Afficher la traduction
Masquer la traduction
rebrobin
Corso eccellente!
Afficher la traduction
Masquer la traduction
leticiarodriguesf004
Adoreeei
Afficher la traduction
Masquer la traduction
zgabros
Excelente profesor. Muy buen contenido.
Afficher la traduction
Masquer la traduction