Channel: DesignCourse

Category: Howto & Style

Tags: figma comopnentsadvanced figma tutorialfigma component variantsfigma advancedgary simonfigmafigma tutorialfigma variantsfigma prototypingfigma prototyping tutorialdesigncourse

Description: bit.ly/3uBDBix 👈 Learn UI/UX Today. Use "UI2022" for 15% Off! -- Today, we're going to step into the world of UI/UX/Prototyping with Figma to create an advanced-level microinteraction for a 2 column sidebar navigation. This will involve the clever use of components & variants. Here's the starter file: coursetro.s3.amazonaws.com/stuff/Double+Nav.fig 0:00 - Introduction 1:14 - Learn UI/UX Interactively 1:57 - Overview 3:10 - Defining the First Component 4:26 - Creating the First Variant 6:25 - Placing the component 7:50 - Creating more Variants 11:35 - Creating the secondary navigation 13:40 - Full Project Preview 13:54 - Final Thoughts Let's get started! #figma #advanced #prototyping - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: designcourse.com My personal FB account: fb.com/logodesigner Coursetro FB: fb.com/coursetro Coursetro's Twitter: twitter.com/designcoursecom Join my Discord! discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!