⏣ Config Sale: Get $100 off our Product (UX/UI) Design Course (ends May 9)! Use Code:

Here's How To Create a Color System in Figma from Scratch! | Tailwind, Styles and Variables

In this video I show you—step by step—how to build a custom color system in Figma: pick a balanced palette, expand it into Tailwind’s 50-950 scale, and convert everything into styles and variables. You’ll see the exact plugins and shortcuts I use and learn a quick trick for finding real-world palette inspo. Try Mobbin 👉🏽 https://go.designerup.co/mobbin 💬 Comment to grab the Figma File

Product Design Course

Go deeper in our full Product (UX/UI) Course and master the skills you need to become a great Product Designer!

Learn More →