Design+Code logo

Quick links

No results found

Suggested search

illustration

Design System

icon

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 30+ courses, 240+ premium tutorials, 120+ 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.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads