Make better UI with Modular Design System

Empower your workflow to create better user interfaces for web and mobile.

Trusted by
Compatible with
Sketch
Figma
Special prices for Education are available.
  • Sketch and Figma Synced Libraries
  • Essential UI Components
  • Modular Libraries Structure
  • Designed to Fit Any Screen
  • Auto-updatable Style Guide
  • Dark and Light Color Themes

Slice — modular design system shaped from separate libraries to unify design with a consistent set of rules.

Core

Controls

Navigation

Cards

Design Faster

Create websites and apps faster using essential components made with extreme attention to user experience and modern design guidelines.

Create a Design System

Use Slice to create a trustworthy foundation for your next project. Change fonts and colors to instantly shape your own style.

Sync and Share

Use Slice to share your work with others, deliver better asset specs and expand your collaboration capabilities.

Learn

If you a newcomer and want to learn more on top market design tools features, Slice is your best friend to master them.

Versatile Design Assets

Core

  • Colors
  • Text Styles
  • Overlays
  • Image Grids
  • Glyphs
  • Style Guide
Download Preview
Free

Controls

  • Button
  • Input
  • Input Header
  • Toggle
  • Progress
  • Pagination
  • Segmented
  • Alert
  • Tooltip
Buy Now Preview
$29

Navigation

  • Menu
  • Submenu
  • Page Header
  • Tabs
  • Search
  • Sidebar
  • Breadcrumbs
  • Footer
  • Scrollbar
Buy Now Preview
$29

Cards

  • Regular Bar
  • Small Bar
  • Text Medium
  • Text Regular
  • Text Small
  • Social
  • Text
  • Shopping
  • Dashboard
Buy Now Preview
$29

Why Slice

Project Companion

Use Slice to scale and keep your project files up to date.

UX Friendly

Made with common restrictions and web standards in mind.

Responsive and Adaptable

All building blocks are provided in multiple sizes and states.

Themeable Design

Easy to customize, fit your brand and start designing.

Symbols and Components

All components have functional and useful overrides.

Typography System

Beautiful, clean and reusable set of typography styles.

Made with Slice

Those examples are made using Slice with manual customization. You can easily get the same results.

Pricing for Teams and Individuals

Free
Core

Files for Sketch 53+ & Figma

Download
$29
Controls

Files for Sketch 53+ & Figma

Buy Now
$29
Navigation

Files for Sketch 53+ & Figma

Buy Now
$29
Cards

Files for Sketch 53+ & Figma

Buy Now

Pro Package

Carefuly designed for Sketch & Figma.

–$9 save
Buy for $78

Secure payments by Stripe. We don’t process or store your credit card details.

So there are updates?

We send email notifications and tweet when the new version is released. If you already bought any product just go to the Purchases page and download the latest version.

How to get a discount?

You can get a 50% discount on all product, if you are a student or a teacher, to enroll for an educational discount just email us any proof of your occupation.