Creating a Design System in Figma

Let me show you how I put together my own Design System, and help you better understand what goes into creating a powerful System.

Marc Andrew
Mar 3, 2021
10 min read
Photo by Kelly Sikkema / Unsplash

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...

This content is only available to subscribers

Subscribe now and have access to all articles, enjoy exclusive content, and stay up to date with the latest updates.

Unlock content