GET DISCOUNT 25% Off NOW!!!

Prime Icon

Never Start from Scratch

Your Design System
in
5 minutes

2000+ Pixel Perfect Components Well-structured Styles & UI Elements Web & Mobile Templates
Prime 3 - sketch templatesPrime 3 - colors
Prime Icon

Never Start from Scratch

Set Your Design System
UI Library in
5 minutes

checkmark

Start with solid base of 2000+ Components

checkmark

Use well-structured Styles & UI Elements

checkmark

Design Web & Mobile with Templates

Prime - Design Starter Kit 3.0 - Feels like 7 Kits in One. All you need to kick-off project. | Product Hunt
Prime ComponentsPrime components

“Prime Design System is one of the most comprehensive UI kits out there. And with a full update for Smart Layout, it's become even better.”

Sketch logo

Sketch

Designers around the world use Prime

Prime is a part of UX Misfit Tools used by

UI Design Starter Kit

What is Prime?

Prime is the set of Libraries for Sketch. The kit lets you design quickly with world-class standards out-of-the-box. The ideal word for Prime is “UI Design Starter Kit” because it lets you start to design your next project within a couple of minutes, not hours.

Create for Web, Mobile, or Desktop. You may use it as the entire UI Library for Design System or just create Landing Page for your next Client. Perfect for those who want to save time while creating UI designs and learn best practices of Sketch at the same time.

2000+ UI Components

600+ Predefined Styles

320+ Icons

140+ UI Templates

+ Vector Device Templates, Illustration Kit & Charts

MUCH MORE THAN UI KIT

Feels like 7 Kits in One!

Prime is not the next UI Kit. It is a Design Starter Kit. Create designs for your projects immediately, and use Prime to build a Design System. Prime includes more than a set of UI controls. It is a set of multiple libraries that work as one tool:

Prime - Core

• Colors
• Layers Styles
• Text Styles
• Shape Primitives
• Spacing

Prime - Components

• UI Controls
• Complex UI Components
• Desktop/Web Components
• Mobile Components

Prime - UI Templates

• 117 Web UI Sections
• 24 Mobile Mockups
• 1440px & 320px breakpoints
• iPhone 12 ready

Prime - Devices

• Vector Device Mockups
• Realistic, Flat & Outline Styles
• iPhone 12 Pro & 11 Pro
• Apple Watch
• MacBook Pro

Prime - Charts

• All Major Chart Types
• Circle Charts
• Linear Charts
• Bar Charts
• Easily Customizable

Prime - Illustrations

• 34 Components
• 21 Objects
• 7 Characters
• 6 Backgrounds

Prime - Icons

• 326 Icons
• 10 Categories
• Easily replaceable
• Use Shared Styles

Prime is Yours

• Use All Components You need
• Extend them to your needs
• Swap & Configure
• Use with Multiple Projects!

See What’s Inside

Preview Libraries

Would you like to see how Prime looks like? Here is the preview of two main libraries: Prime - Components, & Prime - UI Templates.

👋 Note: These are just 2 of 7 Libraries included with Prime!

You may also read Quick Start Guide!

Library Preview

CREATE WITH STRONG FOUNDATIONS

World Class Standards 

8-Pixel Grid

All elements use soft grid for better UI harmony.

Atomic Design

Entire Library is crafted with the atomic design philosophy.

Pixel Perfect

Every element was checked to match highest standards.

12 Column Layout

UI Templates use the most popular web standard.

Layer & Text Styles

Every UI Component is build with Shared Styles.

Color Variables

Layer & Text Styles and connected with variables.

Typography System

Universal typography to match desktop & mobile nature.

Smart Layout

Hundreds of components that adapt size to the content.

“I bought this a long time ago, and it has been super useful to me. 
Thank you for all your great work. (...) there is a lot of web app components which is also super useful."

😎

Nathan W.

Work Faster

Revolutionary 
Naming Convention

Based on knowledge gained by working thousands of hours in Sketch, I prepared a special naming convention to work faster.

With unique style naming, you may find the Layer & Text Styles by typing a few letters!

Text Styles
Color Variables

BOOST WORKFLOW

Super-Fast 
Cusomization

You want to change colors or font to adapt Prime to your project?

Thanks for the refined structure, variables & styles, it will take you less than 5 minutes to configure & you are ready to create stuff for your project.

NO CODE Faster

UI Templates
for Webflow Layout Presets

11 Official Webflow Layout Presets are rebuilt in Prime for Figma and Sketch.

Design in your favorite tool & jump straight to Webflow. If you use built-in Webflow layouts, you may use the same templates inside Prime.

Consistency is a key. 💪

Prime to Webflow
Glassmorphic Card

TRENDY STYLES

Styles for
Glassmorphism 

If you want to build elements with glass surfaces, Prime includes 3 acrylic styles to help you with that task!

Glassmorphism is more than just a trend. It is a way to stylize UI elements in a more sophisticated way.

WELL-Known Kit

Tested in Hundreds of Projects

Sample mockups made in Prime

Hi there! 👋

I’m Thalion

Designer, running uxmisfit.com & Instagram profile with UI Design educational content.

During my design work, I found that there are some redundant & boring parts of our work. That's how I came up with the idea of creating resources that will help you focus on the more creative part of design work! 

With Prime I give you not only the set of useful Libraries but also my
knowledge & tricks gained by years of using design tools.
If you have any questions, feel free to send me a message!

Handmade sign
Thalion

GET 🎁 COUPON CODES WITH PRIME

Prime + Great Tools

Blush.design Icon

Blush.Design Pro Plan

20%OFF!

Sketch App Icon

SKETCH

10%OFF!

Alair 3D assets

ALAIR 3D ASSETS

25%OFF!

Sketch Manager logo

SKETCH MANAGER

20%OFF!

GET STARTED WITH 6 STEPS

How Prime Works

Get The Kit

Simple & secure purchase with Gumroad, well-known platform for creators.

1

Set Libraries

Add several Prime files, like Core & Components as Sketch Libraries.

2

Configure it

Customize Colors, Fonts & Shapes to match Project Brand within a few minutes.

3

Use Components

Use UI Controls & Templates like Lego blocks. Compose entire design quickly.

4

Develop Library

Add your own components. Use handy naming convention to access them faster.

5

Repeat!

The license of Prime allows you to use it in endless number of future projects!

6

"It's really helpful and exactly the structure I was looking for and was planning to spend many hours on."

🤩

Drew R.

FAQ

Popular Questions

🎨 What may I design with Prime?

Prime is prepared to be used in various projects. The UI components may be used for Mobile Native Apps & Web Responsive solutions. You may use UI Controls to build also Desktop-class apps.  

The library includes UI Templates that will help you create Landing Pages (1440px & 320px breakpoints included) and native mobile apps.

🔬 How is this different from other kits?

Prime is a Design Starter Kit. It is made to help you start work with your next project. 

Typical UI Kits looks pretty, but when you try to use them - it is hard to configure them and create new stuff.

Prime was crafted to be configured for you. So the stuff you make will look awesome out-of-the-box. It guides you with best practices & techniques. You may use its components like Lego blocks to compose a website or an app.

This is the Library made to be used by designers every day in all kinds of projects.

🧑 Is this Kit for me?

If you are a designer that uses Figma or Sketch, this is a product for you! With Prime, you will also learn the best practices and smart techniques, so you will develop your skills by using the library.

If you are not using Sketch or Figma and would like to import it to Adobe XD - this will not work. Advanced features of Prime do not translate to other tools.

👀 What if I don't like it?

I know that Prime works pretty-well and save dozens of hour of time (I use it every day for UI Design). 

However, the last thing I want for you to be stuck with the stuff you do not like. If you are not satisfied, send me a message within 30-days after purchase to get your money. It's that simple.

"The design system you've created looks unbelievable."

😍

Kyle G.

"I recently bought your Sketch design system kit and I’m very impressed."

😊

Tom W.

"Monumental asset for not only my course projects but also my career."

😎

Kyle

BOOST YOUR WORKFLOW NOW

Start Design with Prime Now

Sketch logo
Prime logo

Prime Design System Kit

GET 25% Off NOW!

$64

$48

checkmark

All 7 Prime Libraries for Sketch

checkmark

2000+ Components

checkmark

140+ UI Templates (Web+Mobile)

checkmark

600+ Predefined Shared Styles

checkmark

Quick Start Guides

Get Prime Now

Plus, Get 10% Off Sketch, 20% Off Blush.design Pro Plan
and 20% Off Sketch Manager

100% Satisfaction - 30-day money-back guarantee.

Educational discount available.

Sketch logo
Figma logo
uxmisfit.tools logo

All UX/UI Resources

5.0 rating

5.0

$99/year

$64/year

Get Resources worth over $400+, save over $350.

checkmark

Prime (Sketch + Figma)! 🔥

checkmark

SQUID User Flow Kit (Sketch + Figma)

checkmark

Motion Specs Template (Sketch + Figma)

checkmark

8 App Icons Templates

checkmark

UX Deliverable Templates

checkmark

All future Resources & Updates!

Get All Resources Now

Plus, Get 10% Off Sketch, 20% Off Blush.design Pro Plan and 20% Off Sketch Manager

100% Satisfaction - 30-day money-back guarantee

10% Off Sketch

Prime for Sketch includes instructions to get 10% off Sketch app.

Educational Discount

Email me any proof of your student/teacher status to get 50% off.

Support

Have an issue? Send me a message. I will do my best to help you as soon as possible.