more power to you

The Smartest Figma UI Kit & Design System

Thousands of smart components, over 10,000 possibilities.
The most convenient way to kick off your projects.

prime hero image within figma
purple cursor

James Appleseed

10,000+

Possibilities

All components include smart Figma features like Auto Layout, Variant & Component Properties.

1,000+

Icons & logos

All famous brand logos and the full set of top-notch Feather icons are included in the kit.

250+

Global styles

Consistent color styles, universal typography connected with modern blurs & shadows.

100+

UI Templates

Premade Web User Interface sections (Desktop + Mobile) to help you kick off every project.

Why Prime is Better Than Other kits

The perfect sweet spot

While most kits promise you a workflow boost, only Prime is truly committed to that mission.

Prime loads fast. It includes only needed components. The kit ensures the right architecture & exposure of the components - this means you will pick elements with ease.

It is fast to configure and flexible, but also so easy to maintain consistency. So, you can customize it within minutes.

Literally, the only kit you need to kick off all kinds of projects.

prime benefits

How it works

Save dozens of hours per month to take even more inspiring projects or spend the time as you always wanted! Prime saves time, and you choose how to spend it!

Here is a sneak peek of Prime in action:

prime hero image within figma

You are in a good company

Used by top designers working for top brands

samsungciscointelgooglevisaautodeskfrogleica

Customize all styles within minutes

Every component in Prime Design System is connected with global styles. Change the color or font in one place, and see how it propagates through the entire kit.

Adjusting all styles to your project takes just a few minutes!

See Quick Start Guide
custom styles sample

All smart components You need

From buttons, through content cards, form components into navigation bars and footers. Prime includes all components needed to kick off your website or mobile design.

Thanks to the well-balanced variants & assets exposure, finding the right component takes a few seconds. After a while of playing with the kit, it is so intuitive that pasting the elements feels like magic!

sample prime components with buttons

WOrlD-Class FIgma & Design Standards

Best Practices Built-in

8 pixel

4pt Grid

All elements use soft grid for better UI rythm and harmony.

atomic design

Atomic design

Entire Library is crafted with the atomic design philosophy.

grid

Pixel perfect

Every element was checked to match highest design standards.

12 columns

12 column layout

Desktop UI templates use the most popular web standard.

styles

Global Styles

Every UI Component is build with Global Styles. Superfast customization.

variables

Variants & properties

Configure components with ease, thanks to professional Figma features.

typography

The best Figma practices

Component properties, Frames not groups etc.

auto layout

Responsive design

Hundreds of components adapting size to the content with auto layout.

“I love the structure of the kit, access & edit all components very quickly.”

“Prime kit is an awesome way to speed up your workflow during the prototyping phase. Looking forward to using the stuff on the upcoming projects!”

Jan Mraz UX/UI Designer

Jan Mraz

Co-Founder Atheros, UX/UI Designer

161,000+ Instagram Followers

sample prime components

Thousands of premade addons included

Icons, charts, vector device templates, and logos handy elements for every design you make. All top-notch resources from Figma Community authors are built-in into the kit, so you do not have to search for them on your own.

3 STEPS - Prime workflow

Design in minutes

1

Customize Styles!

Customizing color & typography styles takes just a few minutes and immediately makes the elements feel like your project brand.

2

Pick Section Templates!

Select needed web sections from the vast collection of premade elements. Building the site structure takes just a few minutes more.

3

Add Your Content!

Replace placeholder text & images with your project's content. See how automatically UI adapts to your changes in real-time.

Hundreds of premade templates

Just a few examples...

sample contact formsample hero imagesampel logossample contact formsample hero image
web page with phonesample web page section with phonesample hero image with desertweb page with phonesample features
sample testimonialscontact web pagesample web page with pricingweb page with leafssample hero image

Why Prime?

With the kit you are sure that world-class solution is in your hands.

black checkbox

The best Figma practices

Use all top-notch Figma features like properties, variants & auto layout natively.

black checkbox

Battle tested approach

The kit itself, component structure & philosophy were used in multiple design systems.

black checkbox

Superfast customization

Goal of Prime is to be starter kit for all kinds of projects. You adjust it within minutes!

black checkbox

Framework independent

It's about your imagination not technology. Use it for mobile, web & desktop projects.

black checkbox

Learn smart techniques

Components built with the professional techniques & architecture, learn from them.

“Probably the best system so far I was working with.”

“Fully responsive, sleek and easy to customise. Elegant typography and attentiveness to every detail stole my heart. Clear instructions and hints on how to work and customise the system.”

Avatar Maria Sign

Maria

Senior UX Designer

The kit crafted for you in mind

designer emoji

Freelancers

Save thousands of hours by kicking off every project with premade elements.

student emoji

Students

Learn the best Figma techniques and see how a large library may be structured for ease of use.

team

Design Teams

Build your design system library quickly. Source of truth shared & maintained by the entire team.

ninja emoji

Indie Makers

Quickly prototype the solution you want to build... or construct a preview of the landing page.

Get Even More!

Discounts for the best UI design resources

icons8

Icons 20% OFF

blush logo

Illustrations 20% OFF

satisfaction badge

Satisfaction guaranteed!

1000s of satisfied designers.

Top ratings on Gumroad ★★★★★

30-day money-back guarantee.

Personal email support.

Pick the option for you

Boost Workflow Now

Pick the smart kit to boost your workflow immediately, or add other resources to it and learn the best UI design practices, plus speed up work with all kinds of useful assets.

Prime 4

Figma's World Class Design System Kit

$68

Buy now
purple checkbox

Figma Design System Kit Library

purple checkbox

Smart Techniques & File Structure

purple checkbox

The Best Figma Practices

purple checkbox

2000+ Components

purple checkbox

250+ Global Styles

purple checkbox

100+ UI Templates

30-day money-back guarantee.

Educational discount available.

All UX/UI Resources

Unlimited Access Membership

$79/year

$79/year

Buy now
black checkbox

Everything Prime 4

black checkbox

100+ UI Design Tactics Book

purple checkbox

SQUID 2.0 User Flow Kit

purple checkbox

Motion Specs Template

purple checkbox

Illustration Kit

purple checkbox

App Icon Templates

purple checkbox

UX Deliverables Templates

purple checkbox

All Future Resources & Updates

purple checkbox

Assets valued $500+

30-day money-back guarantee.

Display

Heading 1

Heading 1

Heading 1

Heading 2

Heading 2

Heading 4

Heading 4

Heading 4 Medium

Body Large

Body Large

Body Large

Body Large

Body Medium

Body Medium Bold

Body Medium

Caption

Caption

Caption

Overline

Overline

Overline