Formation Figma - Ep.57 | Designer une navbar sur Figma скачать в хорошем качестве

Formation Figma - Ep.57 | Designer une navbar sur Figma

Comment designer une navbar ou barre de navigation dans ‪@Figma‬ ? Dans cette vidéo je vous apprend à designer une barre de navigation sur une maquette UI, sur Figma. Pour ça on utilise deux fonctionnalités essentielles et que vous devez absolument connaître si vous commencer à designer sur cet outil : 1 - Auto layout : pour commencer à attribuer des marges / paddings sur chacun de vos éléments graphiques. 2 - Component : (ou composant) pour gagner du temps dans vos design et vous assurer que toute la maquette est uniformisée. Pour cette formation, nous re-designons la navbar de la page Client-First de ‪@Finsweet‬ . Cette vidéo étant un extrait de notre formation Figma & Webdesign, que vous retrouverez gratuitement sur la Digidop Académie. 00:00 Digidop Académie 00:24 Créer un bouton 02:28 Ajouter un Auto Layout 03:37 Aligner des éléments dans Figma 04:24 Ajouter un logo 05:23 Ajouter des CTA 07:42 Structurer une navbar avec la position et les contraintes 09:12 Ajouter un Layout Grid pour les marges horizontales 09:49 Ajouter des bordures 10:52 Créer un composant Figma ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // RESSOURCES 🎓 Formation Figma Gratuite : https://academie.digidop.fr/ ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // À PROPOS DE DIGIDOP Digidop est une agence Webflow primée deux années de suite aux Webflow Awards. Depuis 2021, nous accompagnons les équipes marketing et IT du design au développement de site web, avec plus de 150 entreprises accompagnées. 🔗 Visiter notre site : https://www.digidop.com/ 🙌 S’abonner à notre newsletter : https://www.digidop.com/newsletter 🧑🏼‍💻 Thomas : https://www.digidop.com/fr/team/thoma... ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // SOCIAL Instagram :   / digidop.fr   TikTok :   / digidop.fr   X : https://x.com/digidop_com LinkedIn :   / digidop   Webflow : https://webflow.com/@digidop-webflow-... Behance : https://www.behance.net/digidop ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // HASHTAGS #figma #formation #webdesign ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // MERCI 💛 Soutenir la chaine : https://buymeacoffee.com/digidop