Simple Design System(Buttons) - 01

#css #html

What is a Design System?

A design system is simply a group of elements that are most commonly used by developers, this will help them consistency and good user experience while developing UI.

What is this article about?

This is the first post of the series that I want to create, I picked the button component to start with.

Tech Needed

Install VS Code https://code.visualstudio.com/
Install Live Server Plugin https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Install Live SASS compiler https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

Here is the video that explains how to start with a design system development:

Here is the video that talks about a secondary theme for the buttons:

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More