2.1 Color Variables
Meet Color Variables, a powerful component to create colors that sync up across your document. In this lesson, you’ll learn how to create, edit and manage Color Variables across documents.
Some UI in this video is outdated as of September 2024 — no worries, this doesn’t affect how things work. We’ll share an updated version soon!
Key learnings
Any changes you make to a Color Variable will automatically update across all the layers that use it. The same goes for Color Variables in Libraries.
Use Color Variables and Layer Styles together to keep colors in your styles consistent and make updates to all of them with a single change.
Use numbers in front of Color Variables so they appear in the order that works best for you.
Lesson files
-
How do you duplicate a document?
To duplicate a document to your Workspace, click on
in the top bar
and choose Duplicate to My Drafts. Have fun!
Mentor
Joseph Todaro
Joseph brings over a decade of product, design, and education experience at companies like Sketch or InVision.
While designing in-flight entertainment software at Fuse IFX, he migrated his team to Sketch – a tool that would go on to change the way he works. Eventually, he founded LearnSketch.com as a side project to share his knowledge and passion for the tool.
