Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Figma Type Variables | Mobile Responsiveness Like a Pro!
Play lesson

Figma Variables - Figma Type Variables | Mobile Responsiveness Like a Pro!

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

Full Transcript

Building out your Figma type variable library for variables like your text size and line height? Here's a quick refresher on how to build @Figma type variables for desktop, and then transition these variables into sizes for mobile! Boom. Perfect type variables, every time! Ask your design question: https://uicollective.co/ NEW - Purchase our official design system: https://collectivekit.co/ Request a design system audit: https://www.uicollective.co/design-system-audit Watch the video on building a type figma variable library: https://www.youtube.com/watch?v=n_YUZF2Hv9g&t=369s 0:00 An Introductoon 0:21 Typescale + desktop type variable refresher 5:44 Avoid this mistake 8:16 Building mobile text size scale 11:29 Building mobile line height scale 15:19 How responsive type variables fit into our library 17:04 Community platform intro!

Course Hive

Continue this lesson in the app

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

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere