Quickly create top-notch UI design the product deserves

9000+ consistent

Figma components ready to help

Get Stratum Get free examples and 10% off

Stratum UI Design Kit is a Figma library with ready-made consistent UI elements, helpers, and widgets. Build your UI design on the best practices and well-crafted states. Fast and fun.

Look at the preview in Figma →

Made with Stratum UI Design Kit

Complex product design or quick high fidelity sketch of an idea

Built to empower everybody who designs

Freelancers & Agencies

Jump into a new project with already organized, well-crafted components and styles.

Customize styles easily for each client.

Deliver your work and earn money faster.

Managers

Quickly mock-up an idea.

Create eye-friendly wireframes and make a better presentation of your ideas.

Get powerful but easy-to-master tool. Quick guide included.

Product Teams

Equip your team with Stratum in the Figma environment and build faster.

Use as consistent and well-documented design system for product or wireframes.

Better and faster cooperation between co-workers.

Developers

Make some neat UI before coding.

Sketch wireframe before implementation.

Consistent and well-documented design regardless of what type of interface you create.

Designers

Deliver work faster.

Increase prototyping speed and fidelity.

Use as a ready-made design system or as a starting point.

Makers & Entrepreneurs

Quickly prototype and design a new idea with a set of ready UI elements.

Empower your product UX using a consistent design system.

Think less about the visual part, more about your product.

9000+ Components & Variants Inside

All elements are consistent and 100% compatible with each other. Text, color and shadow styles included as well.

Accordion

168

Audio

3

Avatar

1056

Avatar Stack

6

Badges & Tags

285

Breadcrumb

27

Button

828

Callout

128

Cards

6

Chat

13

Checkbox

208

Code Snippet

8

Color Picker

16

Combobox

540

Comments

5

Cursor

31

Date Picker & Calendar

224

Divider

8

Dropdown

471

Editable Text

104

Embeds & Widgets

10

Empty & Others States

20

File

32

Handoff & Helpers

27

Icons

243

Illustrations

27

Image & Video Placeholder

6

Inline Alert

64

Link

8

Loading

106

Marketing Modal

32

Menu

136

Modal

67

Pagination

14

Popover

17

Radio

485

Rating

24

Rich Text Editor

10

Scrollbar

18

Shortcut

2

Side Navigation

39

Slider, Range

64

Stepper

15

Steps

92

Table

47

Tabs

528

Text Input

1586

Textarea

66

Time Input

180

Toast

60

Toggle

351

Tooltip

9

Top Navigation

4

Tree

216

Tutorial

15

Upload File

255

Video

9

Show more

Packed with design features you already love

Autolayout
Constraints

Save time by resizing and editing

Components are built using constraints and auto layout. So, you can easily resize them and change their contents and they adapt to look properly.

Customizable

Customize styles to fit your needs

All components, colors, type, and even icons are ready to change. Icons have a 24×24px frame size, the most popular choice for icon packs. Colors (except grayscale) have 10 steps, like Material Design and many popular design systems.

Best practices

Think less about buttons, more about product

UI elements are designed with attention to the smallest detail. Each of them has all the necessary states and variations. Interactions at the micro level are already thought out.

Variants

Change component states easily

Due to the Variants feature you use one element and change its state by Figma interface. No need to search for the desired state in a pile of similars.

For real work

Get support making real products

Stratum includes helpers, rulers, third-party widgets, embeds, cursors, and many other things that help real work on the interface.

Organized
Structured

Find and place UI elements with a couple of clicks

All elements are organized on the Assets panel in Figma's interface. Stratum UI Design Kit is also adapted for use as a team library.

Get Stratum UI Design Kit

No-questions-asked 30-day refund

Teams

$128
One-time
payment
$248
One-time
payment

Team license

Free lifetime updates

Figma source file

Quick start guide

70+ resizeable & changeable simple controls and complex UI parts

Autolayouts

Constraints

Variants

Free 243 icons & 27 illustrations

Typography styles

Color styles

Friendly organized structure

Widgets & Embeds

Helpers & Rulers

Complete Package

$68
One-time
payment
Start creating powerful UI

Personal license

Free lifetime updates

Figma source file

Quick start guide

70+ resizeable & changeable simple controls and complex UI parts

Autolayouts

Constraints

Variants

Free 243 icons & 27 illustrations

Typography styles

Color styles

Friendly organized structure

Widgets & Embeds

Helpers & Rulers

Essentials

$38
One-time
payment
Get the shortened version

Personal license

Free lifetime updates

Figma source file

Quick start guide

30+ resizeable & changeable simple controls

Autolayouts

Constraints

Variants

243 free icons

Typography styles

Color styles

Friendly organized structure

“ Truly thought-out system 

What are people saying

Eugene Fedorenko

Product Designer, curating Figmalion newsletter

Stratum UI Design Kit is an excellent way to speed up wireframing or product design. With dozens of reusable elements built with the latest Figma features like Variants and Auto Layout, you can skip the dull work and get straight to problem-solving. Stratum’s clean design looks great as is, but may also be a solid foundation for your design system.

Pontus Wellgraf

Senior Product Designer at FANTASY

This is some impressive work and a truly thought-out system. The level of instances and overall flexibility will change the game of consistency.

Tino Zhabinskiy

Product Manager at FlowMapp

I highly recommend it for any designer to use either as a UI kit or incredible starter for your own next design system.

Get free example screens and 10% off

Subscribe with 567 others and get:

10% off coupon for any package option

Figma file with screens examples made with Stratum as a little gift right after subscribing

Email notifications about Stratum updates and new UI product releases

✓ Thank you! In a couple of minutes you'll find a little gift in your inbox.
Something is broken, try again later or text me about this error

FAQ

What is Stratum UI Design Kit?

Stratum is a source file for Figma with a library of pre-designed consistent elements. Includes 9000+ components and variants, supporting all actual Figma features. With Stratum UI Design Kit interface creation in Figma is greatly speeded up and turns from drawing into a lego-constructor.

What is your refund policy?

If you're unhappy with your purchase for any reason, email me at hello@stratumkit.com within 30 days and I'll refund you in full, no questions asked.

Can I use Stratum UI Design Kit for client projects?

Yes! You can use Stratum for basically anything — the only things forbidden are using it to create derivative competing products and redistributing.

What does “free updates” include?

I’m planning to add new UI components and features regularly over time and all new components added will be totally free for existing customers. It will also include corrected defects and improved current components.

Is the payment secure?

Sure, safety payments provided by Paddle. Their providers meet current security standards for handling payment information.

Are you continuously improving it?

I add new components and improve old ones. Also, as new features from Figma are released, I will add support for them. I'd also be very happy to get your feedback on what you're missing and what isn't working properly.

I still have questions and want to contact

Write to . I'm always happy to answer any questions and get feedback.

Stratum UI Design Kit for Figma - Turn into UI maestro with 9000+ life-saving components 🧠 | Product Hunt