Creating a Design System in Figma

Do you like staring at a blank canvas every time you start a new project in Figma?

I’m guessing you’re not a big fan right?

Wouldn't it be better if you could kick-start your design projects faster, and save yourself so much time?

Well. This is where a Design System can come to your assistance.

So, what is a Design System you may ask?

In its most basic form, I like to think of it as a Component Library and Style Guide rolled into one.

Something which enables you to have those core UI elements pre-built, ready to go, allowing you to focus on the nuances of a design project, and complete it so much faster.

So with all that said, let me show you how I put together my Design System; Cabana for Figma, and in the process help you better understand what goes into creating a versatile and powerful System for yourself.

PLEASE NOTE: This article is here to help give you valuable tips, and advice on the best way of starting your own Design System. It’s not a guide on showing you how to create one from start to finish. Who’s got time for a 10000-word article right?

OK. Let's do this...