Figma Variables - Figma Sidebar Build: Power User Tips & Tricks!

Unlock the Power of Figma: Master Design Systems, Tokens & Variables for Advanced UI Excellence!

5.0 (2)

35 learners

What you'll learn

Learn to set up Figma design tokens and variables effectively
Master advanced techniques for creating and managing Figma color variable libraries
Understand and apply text and boolean variables in Figma for dynamic design systems
Utilize Figma variables for enhancing prototype functionality and multi-mode design systems

This course includes

22.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

ui design design system ux ux design figma tutorial figma design tokens design system figma build a design system build a design system in figma become a ui designer ui designer

Full Transcript

The Figma sidebar component is a powerful tool for streamlining your design portfolio or design system. Using Figma variables and basic UI design principles we're going to build a sidebar that looks and works great in a prototype! Ultimatley, this video will explore hidden tips and tricks for maximizing its functionality, making you more efficient, and a more impressive designer. GENERAL LINKS NEW - Our Official Design System: https://collectivekit.co/ Ask the community and build a profile: https://uicollective.co/ Work with me: https://designsystemlabs.co/ Need design system coaching? Email [email protected] Connect with me on LinkedIn: https://www.linkedin.com/in/kirk-mcneill-km/ Support UI Collective & buy a laptop sticker: https://store.uicollective.co/ All Resources: https://uicollective.co/designer-tools-and-resources OTHER LINKS Build a Design System Episode 1: https://youtu.be/HNJmWKndUA4 0:00 Setting Up the Sidebar 9:47 Building the Sidebar 18:17 Troubleshooting the Sidebar 20:48 Prepping for the Prototype 30:23 Completed Figma Prototype #uxdesign #uidesign #figma

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Direção de Arte no Cinema e Jogos: Fundamentos Essenciais

Transforme sua criatividade em carreira: descubra os segredos da Direção de Arte no cinema, jogos e design gráfico com especialistas e aprenda a criar mundos visuais incríveis. Inscreva-se agora e revolucione sua visão artística!

⭐ 4.0

29 ratings

0 min

30-Day Beginner Guitar Challenge for New Players

Master the Guitar in 30 Days: Your Ultimate Beginner Challenge! Unleash your inner guitarist with step-by-step lessons designed to transform you from novice to confident player. Join Your Guitar Academy and kickstart your musical journey today!

⭐ 4.3

36 ratings

7 hours