Figma Variables - Figma Variables Setup: Building a Variable Library

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

Unlock the secrets to Figma variable mastery in this tutorial on setting up your @Figma variable library. *Please note that this is meant to serve as a foundation. All library needs are different. Part 2: https://youtu.be/HjRsJg74yaU Build a community profile + join the community: https://www.uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ We build design systems: https://designsystemlabs.co/ Resources: https://uicollective.co/designer-tools-and-resources Download the Figma Variable starter kit mentioned: https://resources.uicollective.co/checkout/buy/8af4ef2d-1632-4e8e-880b-f5f27ca1b9af Our Figma Plugin: https://www.figma.com/community/plugin/1301974711562028600/design-system-tracker Token/variable naming video: https://www.youtube.com/watch?v=WATzIK0Ai8I&feature=youtu.be 0:00 An Introduction 0:49 Spacing Variables 3:01 Radius Variables 4:40 Brand Colors 14:48 Alias Colors 24:09 Mapped Text Colors 28:28 Mapped Icon Colors 29:36 Mapped Surface Colors 37:09 Mapped Border Colors #figma #uxdesign #uidesign

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