Introduction à Figma
Projet Figma
Les outils de Figma
Les styles et variables dans Figma
Importation de ressources externes
Responsive Design
Les Composants
Les Plugins
Le mode prototype
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer en détail la notion d'overlay ou d'incrustation dans Figma, un outil crucial pour les designers cherchant à optimiser leurs projets sans avoir à dupliquer les plans de travail. Vous apprendrez comment préparer et insérer un overlay, comme une fenêtre de newsletter, dans votre design actuel, en le positionnant précisément et en ajustant son comportement. Nous verrons aussi comment faire en sorte que cet overlay apparaisse de manière autonome après un délai spécifique, et comment lui donner un aspect professionnel en ajustant le fond et les transitions. En suivant ce guide, vous pourrez améliorer l'interactivité et la fluidité de vos prototypes Figma, tout en conservant une structure propre et lisible.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Comprendre la notion d'overlay.
- Apprendre à insérer un overlay dans un prototype Figma.
- Optimiser les designs en évitant la duplication des plans de travail.
- Maîtriser les réglages de positionnement et de comportement des overlays.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir :
- Des connaissances de base sur l'utilisation de Figma.
- Une compréhension des concepts de prototypage.
- Une expérience préalable en design UI/UX.
Métiers concernés
Les métiers utilisant cette compétence incluent :
- Designer UI/UX.
- Développeur front-end.
- Chef de projet en design numérique.
Alternatives et ressources
Des alternatives au logiciel Figma incluent :
- Adobe XD pour créer des expériences interactives.
- Sketch avec des plugins de prototypage.
- InVision pour la conception et le prototypage collaboratif.
Questions & Réponses
Je m'abonne