Mobile Design System
  • Freebie
  • Adobe XD
  • Affinity Designer
  • Figma
  • HTML
  • Illustrator
  • InDesign
  • Keynote
  • OmniGraffle
  • Photoshop
  • PowerPoint
  • Print
  • Sketch
  • WordPress

Our mobile starter kit for Sketch includes over 250 responsive symbols, 14 flexible charts and an extensive style guide. It’s the perfect tool to create apps for iOS, the iPhone X and Android. 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 mobile-based 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.
  • Any platform: Design apps for the web, iOS, the iPhone X or Android.
  • 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!

Mobile Design System - Symbols

Responsive: Resizing constraints.
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. This is especially useful if you need to switch between various platforms such as iOS, the iPhone X or Android.

Mobile Design System - Responsive

Nested symbols: The power of Symbols, by nesting them.
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.

Mobile Design System - Nested Symbols

Symbols and styles: A well-organized Sketch file.
Mobile Design System includes over 250 responsive symbols and an extensive typography guide. This makes it a perfect starter kit for any project built in Sketch.

Mobile Design System - Symbols & Styles

Any platform: iOS + iPhone X + Android ready.
Components such as status bars, keyboards, top and bottom navigation have been specifically designed to work on iOS, the iPhone X and Android.

Mobile Design System - OS

Since all components are responsive you can effectively design for any device.

Mobile Design System - Devices

Even keyboards are responsive!

Mobile Design System - Responsive Keyboards

Style guide: Keep your team up to date.
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.

Mobile Design System - ComponentsMobile Design System - ComponentsMobile Design System - ComponentsMobile Design System - ComponentsMobile Design System - ComponentsMobile Design System - ComponentsMobile Design System - ComponentsMobile Design System - ComponentsMobile Design System - Components

Bonus: Work with 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.

Mobile Design System - Charts

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

$48
Get instant access to our entire library for $75 a year.
  • Access to all assets.
  • Access to new releases.
  • Unlimited downloads.
Purchase All Access Learn More

Receive a cool update when we release a new asset. We respect your inbox, only the good stuff.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match