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.

Buy it now Preview in Figma

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

samsung

cisco

intel

google

visa

autodesk

frog

leica

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

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

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 form

sample hero image

sampel logos

sample contact form

sample hero image

web page with phone

sample web page section with phone

sample hero image with desert

web page with phone

sample features

sample testimonials

contact web page

sample web page with pricing

web page with leafs

sample 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.”

Maria

Senior UX Designer

The kit crafted for you in mind

Freelancers

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

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.

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

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

Figma Design System Kit Library

Smart Techniques & File Structure

The Best Figma Practices

2000+ Components

250+ Global Styles

100+ UI Templates

30-day money-back guarantee.

Educational discount available.

All UX/UI Resources

Unlimited Access Membership

^$79/year

Everything Prime 4

100+ UI Design Tactics Book

SQUID 2.0 User Flow Kit

Motion Specs Template

Illustration Kit

App Icon Templates

UX Deliverables Templates

All Future Resources & Updates

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