Figma TUTORIEL Débutant (Créer une maquette, l'auto-layout, composant, et animations)

▶ La Newsletter consacré au Design : https://school.uiremi.com/ Dans ce tutoriel Figma, je vous apprends à maitriser l'outil au travers de la création d'un cas concret : le site de Tesla. Vous allez apprendre à utiliser l'autolayout, les animations, les composants, les variants et bien d'autres fonctions avancées pour maitriser le logiciel en profondeur. ▶ Télécharger les images du tuto : https://drive.google.com/file/d/1rKK178hHQVdIEtf64QvIf9UrILw2zLBg/view?usp=sharing ▶ CSS Peeper - Récupérer les propriétés des éléments d'un site web : https://csspeeper.com/ ▶Extract Pics - Extraire les images : https://extract.pics/ Chapitrage 00:00 Introduction 00:30 Découper le site Tesla 01:47 Extraire les images 02:00 Création des styleguides 07:00 Créer un bouton 09:19 Créer un bouton animé 12:10 Créer un hover pour le menu de navigation 15:30 Création du site de Tesla 16:13 Création du menu 17:20 Création d'un auto-layout 19:45 Création du Hero Text 21:43 Ajout des boutons 22:50 Grouper les éléments 23:35 Animer le site 26:59 Prototypage #figma #figmatutoriel #UXUI