⟣ Please welcome to Frames X ⟢

The Ultimate UI Kit & Design Handbook for Figma

Frames X is a design system plus an eBook to streamline your design workflow and help save thousands of working hours.

Purchase

Figma UI Kit & Design Handbook for Figma
Frames X

The only Figma resource you'll ever need

Frames X is the largest UI/UX kit bundle explicitly designed for Figma. With over 5k components, robust documentation, and a companion handbook, you will design beautiful interfaces, create great design systems, and stay up to date with the best design practices.

Design Handbook

Robust Components

Web Templates

Chart Templates

Variants & Properties

Auto Layout Ready

Color System

Typography System

Grid & Spacing

Global Styles

Integrated Dark Mode

Accessible Design

Design Tokens

File Documentation

On-Demand Access

MIT-licensed Icons

Lifetime Updates

Personal Support

Frames X is an excellent and truly thought-out design system. It streamlined my component design process by skipping the redundant work and jumping straight to problem-solving. The huge level of detail and consistency built into reusable elements with the latest Figma features like variants and auto layout has changed the game for me.

Frames X testimonials

Satbir Arora

@SatbirArora

★★★★★

Complete design projects faster—get paid more

Frames X is a gateway to your new superpowers allowing you to handle more design projects faster and ultimately become a better designer. Stop wasting time dragging rectangles around and rule your time.

New Project

Design a landing page in less than 2 mins, with dark mode and a mobile version

Learn to create better systems with Figma

Frames X will guide you to making aesthetic and functional interfaces, with hundreds of tips to help level up your color, grid, typography, and other core designer skills.

Access an ever-growing ebook with Figma design system best practices

Colors

Typography

Layout & Grid

Design Handbook for Figma
UI design with Figma
Color system for Figma
Typography style in Figma
Grid & layout in Figma

Access an ever-growing ebook with Figma design system best practices

Level up your arsenal with thoughtfully crafted
UI components

New Project
UI components

Use, share, and build your team projects with battle-tested components

Frames X is a full-fledged design system with well-thought-out design guidelines and ready-made components. You can see a huge amount of work and effort. Every aspect is cool and high quality.

Frames X testimonials

Gleb Sabirzyanov

@gleb_sexy

★★★★★

I find working with Frames X to be versatile yet not bloated. Frames X enables me to develop high-quality modern UI for my designs quickly and also serves as inspiration for crafting my own.

Frames X testimonials

Lars Johannessen

@ElTheSen

★★★★★

Popular questions

Why do I need this?

A good UI kit is like a rare item in a video game, and Frames X is like a super-secret-rare item. It will save you time and money, teach you new things about interface design, and increase productivity outcome.

Do I need to be a pro with Figma?

No, you don't need. If you a complete noob and want to dive into UI design, Frames X is the perfect starting point to learn all the basics of designing modern and functional interfaces from scratch.

Does it really save my time/money?

Yes, it does. We built Frames X to be versatile and easily scalable so you could use it unlimited times for any UI project skipping the constant routine of creating components, styles, etc.

So it's a eBook or a UI kit?

It's both, we believe in mastering something you need both practice and theory, and Frames X provides both learning materials and practical examples to serve as the foundation for your designs.

⟣ Please welcome to Frames X ⟢

The Ultimate UI Kit & Design Handbook for Figma

Frames X is a design system plus an eBook to streamline your design workflow and help save thousands of working hours.

Purchase

Figma UI Kit & Design Handbook for Figma
Frames X

The only Figma resource you'll ever need

Frames X is the largest UI/UX kit bundle explicitly designed for Figma. With over 5k components, robust documentation, and a companion handbook, you will design beautiful interfaces, create great design systems, and stay up to date with the best design practices.

Design Handbook

Online eBook with tips to help you create better systems and learn design best practises.

Robust Components

An extensive UI kit with over 5,500 consistent components to build your project faster.

Web Templates

A set of perfectly designed blocks to build your website or application quicker.

Chart Templates

A set of practical chart blocks to build your dashboard or presentation faster.

Variants & Properties

Only functional assets with complete control over your project's UI customization.

Auto Layout Ready

100% resizable components to ease your routine and help adopt best practices daily.

Color System

A practical multi-brand color system to smoothly scale your project.

Typography System

A scalable typography system that fits any interface size or device easily.

Grid & Spacing

Bulletproof layouts and grid styles to build your project and brand consistently.

Global Styles

Predefined color, imagery, text, and effects styles to design your project nicely.

Integrated Dark Mode

Spend less time on numerous attempts to implement dark UI for your project.

Accessible Design

Compliant with WCAG 2.1 guidelines and accessibility contrast ratios.

Design Tokens

Optimized for fast & easy customization using the Design Tokens plugin.

File Documentation

In Figma docs to help better communicate with your team and share decisions.

On-Demand Access

Instant access to the latest release of Frames X via a private server link.

MIT-licensed Icons

Includes Heroicons pack, company logos, country flags, and payment icons.

Lifetime Updates

Evergrowing digital product with free updates and improvements for life.

Personal Support

If you have any issues, we're here to help. We'll reply within 24hr.

Frames X is an excellent and truly thought-out design system. It streamlined my component design process by skipping the redundant work and jumping straight to problem-solving. The huge level of detail and consistency built into reusable elements with the latest Figma features like variants and auto layout has changed the game for me.

Frames X testimonials

Satbir Arora

★★★★★

Complete design projects faster—get paid more

Frames X is a gateway to your new superpowers allowing you to handle more design projects faster and ultimately become a better designer. Stop wasting time dragging rectangles around and rule your time.

Frames X

Design a landing page in less than 2 mins, with dark mode and a mobile version

Learn to create better systems with Figma

Frames X will guide you to making aesthetic and functional interfaces, with hundreds of tips to help level up your color, grid, typography, and other core designer skills.

Access an ever-growing ebook with Figma design system best practices

Colors

Typography

Layout & Grid

Design Handbook for Figma
UI design with Figma
UI colors

Access an ever-growing ebook with Figma design system best practices

Level up your arsenal with thoughtful UI components

Frames X
UI components

Use, share, and build your team projects with battle-tested components

Frames X is a full-fledged design system with well-thought-out design guidelines and ready-made components. You can see a huge amount of work and effort. Every aspect is cool and high quality.

Frames X testimonials

Gleb Sabirzyanov

★★★★★

I find working with Frames X to be versatile yet not bloated. Frames X enables me to develop high-quality modern UI for my designs quickly and also serves as inspiration for crafting my own.

Frames X testimonials

Lars Johannessen

★★★★★

Popular questions

Why do I need this?

A good UI kit is like a rare item in a video game, and Frames X is like a super-secret-rare item. It will save you time and money, teach you new things about interface design, and increase productivity outcome.

Do I need to be a pro with Figma?

No, you don't need. If you a complete noob and want to dive into UI design, Frames X is the perfect starting point to learn all the basics of designing modern and functional interfaces from scratch.

Does it really save my time/money?

Yes, it does. We built Frames X to be versatile and easily scalable so you could use it unlimited times for any UI project skipping the constant routine of creating components, styles, etc.

So it's a eBook or a UI kit?

It's both, we believe in mastering something you need both practice and theory, and Frames X provides both learning materials and practical examples to serve as the foundation for your designs.

⟣ Please welcome to Frames X ⟢

The Ultimate UI Kit & Design Handbook for Figma

Frames X is a design system plus an eBook to streamline your design workflow and help save thousands of working hours.

Purchase

Figma UI Kit & Design Handbook for Figma
Frames X

The only Figma resource you'll ever need

Frames X is the largest UI/UX kit bundle explicitly designed for Figma. With over 5k components, robust documentation, and a companion handbook, you will design beautiful interfaces, create great design systems, and stay up to date with the best design practices.

Design Handbook

Robust Components

Web Templates

Chart Templates

Variants & Properties

Auto Layout Ready

Color System

Typography System

Grid & Spacing

Global Styles

Integrated Dark Mode

Accessible Design

Design Tokens

File Documentation

On-Demand Access

MIT-licensed Icons

Lifetime Updates

Personal Support

Frames X is an excellent and truly thought-out design system. It streamlined my component design process by skipping the redundant work and jumping straight to problem-solving. The huge level of detail and consistency built into reusable elements with the latest Figma features like variants and auto layout has changed the game for me.

Frames X testimonials

Satbir Arora

@SatbirArora

★★★★★

Complete design projects faster—get paid more

Frames X is a gateway to your new superpowers allowing you to handle more design projects faster and ultimately become a better designer. Stop wasting time dragging rectangles around and rule your time.

New Project

Design a landing page in less than 2 mins, with dark mode and a mobile version

Learn to create better systems with Figma

Frames X will guide you to making aesthetic and functional interfaces, with hundreds of tips to help level up your color, grid, typography, and other core designer skills.

Access an ever-growing ebook with Figma design system best practices

Colors

Typography

Layout & Grid

Design Handbook for Figma
UI design with Figma
UI colors
Text styles in Figma
Layouts, viewport & breakpoint

Access an ever-growing ebook with Figma design system best practices

Level up your arsenal with thoughtfully crafted
UI components