Introducing Figma - Complete Web Design. A Beginners Tutorial

Start your design career with this video! Learn how to create a modern website using Figma, a popular design tool for UI and UX designers. In this tutorial, made for beginners, we cover Figma's key yet essential features, including how to use auto layout, the grid system, assets or components AND local variables! New to web design or want to improve your UX skills? Then this tutorial is for you! Chapters: 00:00:00 Introduction 00:01:18 Create local variables 00:09:44 Page & frame setup 00:14:46 Building custom components 00:21:34 Design dynamic asset sections 00:32:45 Designing the hero & navigation 00:41:09 Finalize entire design 01:00:00 Next steps → Need A Figma Account? 🔗 Figma Pro Free Trial: https://psxid.figma.com/ssf5strldz6x-ouafk 🔗 FigJam Free Trial: https://psxid.figma.com/d65e7h9w6iqi-lpaypq → Resources For This Video: Complete tutorial exercise file: https://bit.ly/3VP0XP8 FigJam content file: https://bit.ly/3xunHdn → Full A-Z Courses: 🎥 Design A Modern Website For Beginners: https://youtu.be/ddOlMDN5O_c 🎥 Develop Your First Website: https://youtu.be/i2ids6aOFds 🎥 Design A Mobile App: https://youtu.be/wrFd0B77qGY → Stay Connected: If you find this video helpful, please like, share, and subscribe. Your support helps us continue providing high-quality educational content for the web development community. 👍 If you find this video helpful, please give it a thumbs up. 💬 I'd love to hear your thoughts or questions in the comments. 🔔 Don't forget to subscribe and hit the bell for more - https://www.youtube.com/@JCBCB → My Social Media: Reddit: https://www.reddit.com/u/YT-JCBCB/s/UDYsYTZPfA LinkedIn: https://www.linkedin.com/in/jacquesbotha/ Several links provided are affiliate links, meaning I receive a commission if you buy something through my link. Big thanks if you choose to do this! Your support is crucial for the creation of these videos. #figmadesign #webdesign #howto