30 Days of Figma | Designing a Color System

Thandiwe Tembo
1 min readSep 2, 2022

--

TLDR | This lesson was about the color system of a design system, giving tips on sections of the system, naming conventions, helpful frameworks to reference etc.

Final created color system

Review | The video for this lesson was Create a Figma Design System — Color System Tutorial (Part 2) by Mizko on Youtube. The lesson focused on the color section of a design system and the various sections that you can and should include in your system and why. It finished with how to create one of these sections and how it works in a greater Figma design file.

Reflection | Creating a color system wasn’t something new to me but this was a good refresher, providing new tips and a clean system on how to organize and name a design system. The system I ended up creating is not based on or used by anything but it provided a good refresher on creating a system. It also provided an opportunity for me to make naming components, groups, and frames within a file with clear and useful names in the event that it was handed over to someone else. Another solid tutorial down.

--

--

Thandiwe Tembo

Designer passionate about creating accessible, inclusive, & impactful digital products that elevate the human experience