Mobile Design System
Design awesome mobile apps with our starter kit for Sketch and Figma.
About
Our mobile design system for Sketch and Figma includes over 250 responsive components, charts and an extensive style guide. It's the perfect tool to create apps for iOS, the iPhone or Android. Components all share the same goal: to evoke simplicity. This leaves your interface with more clarity and consistency.
- 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!
Design
Color variables
To make the design of Mobile Design System consistent, everything is organized with color variables. Make a change once and watch all elements update everywhere.
Variants
Components are grouped and organized in variants. This simplifies the component library and makes it easier to customize properties and values.
Responsive layout
Mobile Design System is based on responsive components. Easily move things around, resize elements and rearrange lists when items are moved around.
8-point grid
The design follows a consistent grid, making the flow uniform. It helps to maintain a natural rhythm between elements.
Clean
Mobile Design System is meticulously crafted to evoke simplicity and to deliver a new and bold experience through minimal design.
Preview
