Modular Design System for Web & Mobile

Empower your workflow to create better products.

For Sketch and 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 are a newcomer and want to learn more on top of the best design tools and features, Slice is your best friend to get started.

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

These examples were made with the Slice Web libraries and the manual customization of some components. You can easily replicate this to achieve outstanding 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.

Updates

We send email notifications and tweet when the new versions are released. If you already purchased a Slice product, visit the Account page and download the latest version.

Education

We’re excite to help students and teachers become better designers. To get a 50% discount on all product, please email us any proof of your student or teacher status.

Support

We’re committed to improving and expanding the Slice products. If you need help getting started, contact us and we’ll get back to you as soon as we can.

Requirements

Slice requires Sketch 54+ or Figma.