NEW Version 1.3.0 is out. Check the file at the Figma community.

Build your own Design System
and stay in control

Start with a rock solid foundation and a well structured starter kit.

Start your own Design System

Built for Figma Figma

Universal Design System Starter Kit - Core

You don't need a finish solution with more than 100+ predefined component that is not tailored to your product. Just start with a solid foundation and customize your system along the way with your team for a better collaboration.

Start building your own Design System

Live preview

Open in Figma

What exactly is a Design System?

A Design System unites product teams around a common visual language.

It acts as a living system of guidelines and a source of truth, including rules about how to use, design and code design assets. It encourage re-use of code and reduce redundancy to a minimum.

“A design system offers a library of visual style, components, and other concerns documented and released by an individual, team or community as code and design tools so that adopting products can be more efficient and cohesive.” Nathan Curtis

Meet Core

Core provides you with all the fundamental elements to build your very unique Design System.

What you will find inside


Stay on track and be sure to follow every major step before starting your Design System.


Find all guidelines you need to understand how to use the file and build your Design System.


Set the foundations for your visual identity. Design principles, logos, typefaces & colors.

Atomic Design

Start with smallest and fundamental building block and work up from there.







Live Examples

Useful tools

  • Zeroheight: Create beautiful living styleguides and document all your design system resources in one place.
  • Superposition: Extract design tokens from websites and use them in code and in your design tool.
  • Storybook: Open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.