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
Buy Now
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.

1

Core

  • Colors
  • Text Styles
  • Overlays
  • Image Grids
  • Glyphs
  • Style Guide
 Preview
2

Controls

  • Button
  • Input
  • Input Header
  • Toggle
  • Progress
  • Pagination
  • Segmented
  • Alert
  • Tooltip
 Preview
3

Navigation

  • Menu
  • Submenu
  • Page Header
  • Tabs
  • Search
  • Sidebar
  • Breadcrumbs
  • Footer
  • Scrollbar
 Preview
4

Cards

  • Regular Bar
  • Small Bar
  • Social
  • Text
  • Shopping
  • Dashboard
 Preview

Design Faster

Create websites and apps faster using essential components made with extreme attention to details.

Create a Design System

Use Slice to create a trustworthy foundation for your project and build better systems.

Sync and Share

Use Slice to share your work with others and expand your collaboration capabilities.

Learn

If you are a newcomer, you will learn a lot about top market design tools and features.

Includes Smart Layout

Supercharge your workflow

Button

Slice is built upon Smart + Auto Layout in Sketch and Figma — making your workflow a breeze.

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

For Sketch

$48

  • Sketch files
  • Auto-updatable Style Guide
  • 380+ components
  • Responsive Design
  • Smart Layout
Buy for Sketch
For Figma

$48

  • Figma files
  • Auto-updatable Style Guide
  • 380+ components
  • Responsive Design
  • Auto-Layout
Buy for Figma

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 Purchases 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

Sketch 58+ or Figma