• Figma
  • Illustrator
  • Photoshop
  • Print
  • Sketch
  • HTML
  • CSS
  • Sass

UI Design System

Design awesome desktop apps with our starter kit for Sketch.

Buy Now

Our desktop starter kit for Sketch includes over 200 responsive symbols, 14 flexible charts and an extensive style guide. It’s the perfect tool to work faster, smarter and to save precious time. Components are responsive and they all share the same goal: to evoke simplicity. This leaves your interface with more power and makes it the perfect starter kit for any project built in Sketch.

Visit our dedicated website uidesignsystem.com for a full presentation of the asset.

View Full Preview

  • 200+ responsive symbols: Distorted symbols is a thing of the past, they all adapt when resized.
  • Style guide: A guide covering all UI elements to keep you and your team up to date.
  • Flexible charts: Includes a collection of bar charts, line charts, pie charts and gauges.
  • Nested symbols: They can all be overridden with various content, leaving your interface with more power and control.
  • 8-point grid: Everything is following a consistent grid, this makes the design consistent. It also helps maintain a quality rhythm between your elements. Read more about 8-point grid over here.
  • Icons: This UI kit is using the material icons by Google. Best of all, you can easily download SVGs from their online library.
  • Organized: All layers are grouped and well-named, this is one of our core value!
UI Design System - Overview

Responsive

Work faster, smarter and with higher consistency thanks to responsive symbols. Designed according to the new resizing tool in Sketch, they all share the same goal: to evoke simplicity.

UI Design System - Responsive

Nested Symbols

One of the most powerful features in Sketch is to create nested symbols. They can be overridden with various content, leaving your interface with more power and control.

UI Design System - Nested Symbols

Symbols & Styles

UI Design System includes over 200 responsive symbols and an extensive typography guide. This makes it a perfect starter kit for any project built in Sketch.

UI Design System - Symbols & Styles

Style Guide

A complete style guide covering all UI elements is a central part of this tool. All components follows a minimal design language and the guide will stay up to date whenever you make changes to it. It’s easy to customize following your own design principles and the consistency not only reflects on a singular level but works at its best when put together.

UI Design System - ComponentsUI Design System - ComponentsUI Design System - ComponentsUI Design System - ComponentsUI Design System - ComponentsUI Design System - Components

Responsive Charts

Visualize your data with our collection of 14 charts. The kit includes bar charts, line charts, pie charts and gauges. And since they’re all responsive, you can change the size to make them adjust to your layout.

UI Design System - Charts

UI Design System is using Lato as a font. If it’s not already in your collection you can download it for free over here.

All Access $89 / year
  • Download all our assets.
  • 1 year access to new releases.
  • 1 year access to updates.
  • Unlimited downloads.
  • Priority support.
All Access $75 / 6 months
  • Download all our assets.
  • 6 month access to new releases.
  • 6 month access to updates.
  • Unlimited downloads.
This Asset Only $48
Join All Access Join All Access Purchase