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 explorons en détail les diverses méthodes pour importer des images et des éléments vectoriels dans Figma. En commençant par l'importation des formats d'image les plus courants tels que PNG, JPEG, GIF et WEP, nous détaillons les multiples options disponibles pour ajuster et manipuler ces images. Vous apprendrez à utiliser le mode 'fill' pour une adaptation responsive, le mode 'fit' pour afficher l'intégralité de l'image, et même le mode 'tilt' pour créer des motifs.
Nous aborderons également les fonctionnalités non destructives telles que le recadrage et les ajustements colorimétriques. Par la suite, nous passerons à l'import de fichiers SVG, expliquant comment ces éléments peuvent être intégrés et totalement personnalisés en termes de couleur et de forme.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Comprendre les différentes techniques d'importation de médias dans Figma.
- Savoir ajuster et manipuler les images importées.
- Apprendre à intégrer et personnaliser des éléments vectoriels SVG.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir :
- Une connaissance de base de l'interface Figma.
- Des notions en design graphique et manipulation des images.
Métiers concernés
Ce sujet est particulièrement pertinent pour les métiers suivants :
- Designer UX/UI
- Graphiste
- Développeur front-end
Alternatives et ressources
Comme alternatives à Figma, vous pouvez utiliser des outils tels que :
- Adobe XD
- Sketch
- InVision Studio
Questions & Réponses
Je m'abonne