How to Build a DETAILED Color Guide | Step-by-Step Tutorial |
Designers, hold on! 🎨
Are you about to apply your colors? Don’t skip the vital step of creating a color guide!
This one move could make or break the consistency of your entire design.
In this video, I’ll reveal both manual and automatic methods to ensure your colors stay cohesive and easy to update.
Curious about how to level up your design? Let’s dive in and find out!
Thanks for watching! Cheers and Enjoy Designing!
Other Skillful videos to watch:
1. How to select primary, secondary & accent colors - • Struggling to Select the Right Colours? Tr...
2. Learn Figma Variables - • Learn Figma Variables for Beginners | EXPL...
3. Learn colors from scratch - • The Must-Know Colour Theory Basics, Design...
4. How Apply Colors - • Use Color Variations to Direct User's Atte...
Time Stamps
00:00 - Getting into the video
00:42 - Methods to create Color Guide
00:59 - What you'll learn in this video
01:09 - First Select the Main Colors
01:52 - Create a base
03:14 - Create Swatches with name
05:09 - Create Varients for the Main Colors
07:28 - Add Colors to local variables and styles
11:52 - Automatic Method
14:04 - Don't Skip this step!
14:10 - Crucial Step