Design+Code logo

Quick links

No results found

Suggested search


Design System


Add to favorites

Learn how to create a simple design system for colors and text styles

In this series, we are going to learn how to create a smart home app from scratch in Figma. We will create a top navigation with icon and avatar, a weather widget and segmented controls. Let’s begin by creating a simple design system for color and text styles.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.


Design template


Source code for all sections


Video files, ePub and subtitles

Browse all downloads