Figma TUTORIEL Débutant (Créer une maquette, l'auto-layout, composant, et animations)
Автор: UI Remi
Загружено: 2024-01-28
Просмотров: 13434
▶ 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/1rKK1...
▶ 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
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![Créer sa maquette de site web format desktop et mobile [Tuto Figma]](https://ricktube.ru/thumbnail/BtQyFtaSaEE/mqdefault.jpg)
![Créer votre application sur Figma - [Tuto débutant]](https://ricktube.ru/thumbnail/hCxF2t9S0tQ/mqdefault.jpg)
![Figma to Webflow : Comment préparer son Design System ? [Partie 1 Figma]](https://ricktube.ru/thumbnail/rYxKDQBHluU/mqdefault.jpg)
