Figma: Designing with Variables and Conditionals

Focused View

Joseph Labrecque

1:01:09

6 View

01 - Introduction

01 - Working with variables and conditionals.mp4

00:52

02 - Getting set up.mp4

00:54

02 - 1. Exploring Figmas Approach to Variables

01 - Figma design file overview.mp4

02:27

02 - Creating local variables.mp4

05:50

03 - Organizing variables into groups.mp4

02:47

04 - Adding variable collections.mp4

03:37

05 - Working with variable modes.mp4

05:06

03 - 2. Designing with Variables and Conditional Logic

01 - Assigning variables to text elements.mp4

05:02

02 - Prototyping with conditional logic.mp4

06:45

03 - Developing a reset function.mp4

02:00

04 - Controlling visibility with Booleans.mp4

05:23

05 - Adding products to the cart.mp4

06:50

06 - Adding quantities to the cart.mp4

03:31

07 - Removing quantities in the cart.mp4

08:56

04 - Conclusion

01 - Whats next.mp4

01:09

Description

Digital designers often face unforeseen circumstances, which makes it difficult to control the experience. In this course, join instructor Joseph Labrecque as he shows how to create variables for your design elements in Figma and specify the conditions in which those variables are used. Along the way, get quick, easy-to-apply tips on setting modes in your design strategy, using conditional logic to fork actions with your variables, and leveraging boolean operators to control visibility. By the end of this course, you’ll also be prepared to start adding and removing products and quantities throughout the prototyping process.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Figma

User Experience Design

Joseph Labrecque

Instructor's Courses

Joseph Labrecque is a creative developer, designer, and educator with nearly two decades of experience creating expressive web, desktop, and mobile solutions. He joined the University of Colorado Boulder College of Media, Communication and Information as faculty with the Department of Advertising, Public Relations and Media Design in Autumn 2019. His teaching focuses on creative software, digital workflows, user interaction, and design principles and concepts. Before joining the faculty at CU Boulder, he was associated with the University of Denver as adjunct faculty and as a senior interactive software engineer, user interface developer, and digital media designer. Labrecque has authored a number of books and video course publications on design and development technologies, tools, and concepts through publishers which include LinkedIn Learning (Lynda.com), Peachpit Press, and Adobe. He has spoken at large design and technology conferences such as Adobe MAX and for a variety of smaller creative communities. He is also the founder of Fractured Vision Media, LLC; a digital media production studio and distribution vehicle for a variety of creative works. Joseph is an Adobe Education Leader, Adobe Community Professional, and member of Adobe Partners by Design. He holds a bachelor’s degree in communication from Worcester State University and a master’s degree in digital media studies from the University of Denver.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.