Outperform your design competion with the most advanced & world's-largest UI design system library for Figma

Outperform your design competion with the most advanced & world's-largest UI design system library for Figma

Save hundreds of hours and make more money from your skills.

Build scalable and efficient interface systems easier.

Increase your design production speed 10x.

Increase design production speed 10x.

Frames X is the ultimate companion UI kit for high-performing design teams & creatives

Frames X is the ultimate UI toolkit for high-performing creatives and design teams

Our toolkit offers robust components, elements, templates, and styles to build your brand, project and efficiently tackle design tasks.

Our toolkit offers robust components, elements, templates, and styles to build your brand, project and efficiently tackle design tasks.

Rated 5 by 3,000+ people

Rated 5 by 3,000+ people

Rated 5 by 3,000+ people

Stevie

Stevie

figmayo.com

Yalda Nabi

Yalda Nabi

cybrd.uk

Scott Perket

Scott Perket

forge.is

Maryam Kazeroon

Maryam Kazeroon

yugabyte.com

Paul Mitchell Kelly

Paul Mitchell Kelly

mudbath.com.au

Sukit Suparatpinyo

Sukit Suparatpinyo

nicetynine.com

Mariya Popel

Mariya Popel

epitome.inc

Dean Brady

Dean Brady

abbvie.com

Jon Robinson

Jon Robinson

64robots.com

Josh Gojer

Josh Gojer

ibm.com

Stevie

Stevie

figmayo.com

Yalda Nabi

Yalda Nabi

cybrd.uk

Scott Perket

Scott Perket

forge.is

Maryam Kazeroon

Maryam Kazeroon

yugabyte.com

Paul Mitchell Kelly

Paul Mitchell Kelly

mudbath.com.au

Sukit Suparatpinyo

Sukit Suparatpinyo

nicetynine.com

Mariya Popel

Mariya Popel

epitome.inc

Dean Brady

Dean Brady

abbvie.com

Jon Robinson

Jon Robinson

64robots.com

Josh Gojer

Josh Gojer

ibm.com

Trusted by top brands

Trusted by top brands

Trusted by top brands

Frames X
Frames X
Frames X
Charts and dashboards for UI design with Figma
UI layouts for website UI design
Premium UI kit elements for Figma
Charts and dashboards for UI design with Figma
UI layouts for website UI design
Premium UI kit elements for Figma
Charts and dashboards for UI design with Figma
UI layouts for website UI design
Premium UI kit elements for Figma

Frames X provides regular updates and robust features that ensure the toolkit always delivers the best value and helps you stay ahead of the competition.

Our core objective with Frames X — is to enhance your digital superpowers and accelerate the production speed of your designs, getting that “secret” to make the tool work for you.

Frames X testimonials

Dmitriy Bunin

Creator of Frames X

Super Functional Components

Most extensive UI library with over 10k components in 70+ categories to build your project smarter.

Super Functional Components

Most extensive UI library with over 10k components in 70+ categories to build your project smarter.

Time-saving Templates

Perfectly designed blocks and layouts to build your website or application faster.

Time-saving Templates

Perfectly designed blocks and layouts to build your website or application faster.

Dashboards & Charts

Resizable charts, graphics, and dashboard layouts to help visualize your project data.

Dashboards & Charts

Resizable charts, graphics, and dashboard layouts to help visualize your project data.

Variants & Properties

Provides complete and precise control over UI customization. Prioritizes functionality over fluff.

Variants & Properties

Provides complete and precise control over UI customization. Prioritizes functionality over fluff.

Global Variables

Streamline design to development process with easy-to-work tokens and variables system.

Global Variables

Streamline design to development process with easy-to-work tokens and variables system.

Auto Layout Ready

100% resizable components to save you time on routine tasks and adapt designs easily.

Auto Layout Ready

100% resizable components to save you time on routine tasks and adapt designs easily.

Scalable Colors

A practical multi-brand color system to help build, customize, and fit into any brand.

Scalable Colors

A practical multi-brand color system to help build, customize, and fit into any brand.

Typography System

Dynamic and scalable typography variables with support for multiple fonts.

Typography System

Dynamic and scalable typography variables with support for multiple fonts.

Grid & Spacing

Bulletproof layouts and modular grids to build your projects and brand consistently.

Grid & Spacing

Bulletproof layouts and modular grids to build your projects and brand consistently.

Integrated Dark Mode

An integrated dark mode to help create accessible interfaces and reduce labor work.

Integrated Dark Mode

An integrated dark mode to help create accessible interfaces and reduce labor work.

Accesible Design

The kit is WCAG 2.4 compliant and provides accessible contrast based on the latest APCA model.

Accesible Design

The kit is WCAG 2.4 compliant and provides accessible contrast based on the latest APCA model.

Interactive Components

Includes interactions for UI components to help create prototypes faster.

Interactive Components

Includes interactions for UI components to help create prototypes faster.

Share & Sync

Includes a .json file containing exportable tokens to share and synchronize with your team.

Share & Sync

Includes a .json file containing exportable tokens to share and synchronize with your team.

File Documentation

In-file docs to help effectively communicate with your team and make better design decisions.

File Documentation

In-file docs to help effectively communicate with your team and make better design decisions.

MIT-licensed Icons

Includes Remix icon library, company logos, country flags, and payment icons.

MIT-licensed Icons

Includes Remix icon library, company logos, country flags, and payment icons.

On-Demand Access

Gain immediate access to the newest version of Frames X through a secure private server.

On-Demand Access

Gain immediate access to the newest version of Frames X through a secure private server.

Personal Support

If you have any issues, we're here to help. We'll reply to your email promptly within 24 hours.

Personal Support

If you have any issues, we're here to help. We'll reply to your email promptly within 24 hours.

Coming soon

Design Community

Access to a growing community of design geeks where you can get help and share feedback.

Coming soon

Design Community

Access to a growing community of design geeks where you can get help and share feedback.

❝ Frames X streamlined my component design process, helping me skip the redundant work and move straight to problem-solving. The huge level of detail and consistency built into reusable elements with the latest Figma features has changed the game for me. ❞

Satbir Arora

@SatbirArora

★★★★★

Satbir Arora

❝ Frames X streamlined my component design process, helping me skip the redundant work and move straight to problem-solving. The huge level of detail and consistency built into reusable elements with the latest Figma features has changed the game for me. ❞

Satbir Arora

@SatbirArora

★★★★★

Satbir Arora

Complete design projects smarter
— get paid more and grow faster

Complete design projects smarter — get paid more and grow faster

Frames X's superpower is to create and manage multiple projects and brands effortlessly. Take bigger, more profitable projects with pre-built mechanisms and strategies.

Rich, multi-brand design system

Powerful & robust components

Time-saving templates & elements

Unparalleled UI kit use experience

Create responsive and beautiful sites with ease

Create responsive and beautiful sites with ease

Create responsive and beautiful sites with ease

And that's not all. Frames X can help you achieve much more

And that's not all. Frames X can help you achieve much more

Build rich and responsive designs — effortlessly

Easily create jaw-dropping designs and deliver stunning dynamic solutions for your business.

100% responsive layouts & elements

Practical & accessible color system

Seamless customization

Get the most out of the advanced Figma features

Use production-ready components, best practices, and regular updates to create scalable projects and systems.

Thoughtful components, variants & properties

Multi-theme variables system

Dynamic typography

New

Create prototypes faster

Use predesigned interactions to create prototypes faster without messing with the noodles.

Delightful & simple interactions

Prototypes test playground

Easy to adapt & handoff

Level up ⇪ your design and brand team

Use Frames X across all your projects as a bulletproof source that simplifies the workflow. Your team will see fewer brand errors with more consistency, and work will be easier to get done.

Extensive multibrand UI library

Ready in-file documentation

Integrated best design practices

Easy to customize, repurpose & reuse

Customize and reuse designs effortlessly

Customize and reuse designs effortlessly

Create responsive and beautiful sites with ease

Frames X helps thousands of creatives scale their business and earn more money from their work

Frames X helps thousands of creatives scale their business and earn more money from their work

I find working with your design system versatile yet not bloated. It enabled me to develop high-quality UI quickly and also inspired to share it with my team. Your product offers a range of features that help beginners and experts.

Lars Johannessen

@ElTheSen

Lars Johannessen

I find working with your design system versatile yet not bloated. It enabled me to develop high-quality UI quickly and also inspired to share it with my team. Your product offers a range of features that help beginners and experts.

Lars Johannessen

@ElTheSen

Lars Johannessen

I find working with your design system versatile yet not bloated. It enabled me to develop high-quality UI quickly and also inspired to share it with my team. Your product offers a range of features that help beginners and experts.

Lars Johannessen

@ElTheSen

Lars Johannessen

Frames X is an excellent example of a Figma design system. Whether you're new to Figma, looking to quickly launch new ideas, or building the foundations of a scalable design system, it ticks all the right boxes!

Jordan Hughes

@jordanphughes

Jordan Hughes

Frames X is an excellent example of a Figma design system. Whether you're new to Figma, looking to quickly launch new ideas, or building the foundations of a scalable design system, it ticks all the right boxes!

Jordan Hughes

@jordanphughes

Jordan Hughes

Frames X is an excellent example of a Figma design system. Whether you're new to Figma, looking to quickly launch new ideas, or building the foundations of a scalable design system, it ticks all the right boxes!

Jordan Hughes

@jordanphughes

Jordan Hughes

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

Gleb Sabirzyanov

@gleb_sexy

Gleb Sabirzyanov

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

Gleb Sabirzyanov

@gleb_sexy

Gleb Sabirzyanov

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

Gleb Sabirzyanov

@gleb_sexy

Gleb Sabirzyanov

Frames X is an exceptional UI/UX tool for designers and developers offering a range of intuitive features that help both beginners and experts.

Figma Hunt

@FigmaHunt

Figma Hunt

Frames X is an exceptional UI/UX tool for designers and developers offering a range of intuitive features that help both beginners and experts.

Figma Hunt

@FigmaHunt

Figma Hunt

Frames X is an exceptional UI/UX tool for designers and developers offering a range of intuitive features that help both beginners and experts.

Figma Hunt

@FigmaHunt

Figma Hunt

Love how well structured your product is and detailed the handbook it's lots of helpful stuff and tips. Will definitely continue to explore and use it.

Òlòlàdé

@OloladeBello_

Òlòlàdé

Love how well structured your product is and detailed the handbook it's lots of helpful stuff and tips. Will definitely continue to explore and use it.

Òlòlàdé

@OloladeBello_

Òlòlàdé

Love how well structured your product is and detailed the handbook it's lots of helpful stuff and tips. Will definitely continue to explore and use it.

Òlòlàdé

@OloladeBello_

Òlòlàdé

Hey, just wanted to say, I bought Frames X, and it's an extremely amazing design system! As comprehensive as I want my DS to be - kudos to you for making it!

Gautham

@gauthamcode

Gautham

Hey, just wanted to say, I bought Frames X, and it's an extremely amazing design system! As comprehensive as I want my DS to be - kudos to you for making it!

Gautham

@gauthamcode

Gautham

Hey, just wanted to say, I bought Frames X, and it's an extremely amazing design system! As comprehensive as I want my DS to be - kudos to you for making it!

Gautham

@gauthamcode

Gautham

My team uses Frames X every day, from ideation to prototyping. Thank you for making a fantastic design system and continue to support it.

Sukit Suparatpinyo

@nice

Nice

My team uses Frames X every day, from ideation to prototyping. Thank you for making a fantastic design system and continue to support it.

Sukit Suparatpinyo

@nice

Nice

My team uses Frames X every day, from ideation to prototyping. Thank you for making a fantastic design system and continue to support it.

Sukit Suparatpinyo

@nice

Nice

Your design system work is truly remarkable. I don’t think there’s a better system for Figma out there than Frames X.

Jon Moore

@TheJMoore

Jon Moore

Your design system work is truly remarkable. I don’t think there’s a better system for Figma out there than Frames X.

Jon Moore

@TheJMoore

Jon Moore

Your design system work is truly remarkable. I don’t think there’s a better system for Figma out there than Frames X.

Jon Moore

@TheJMoore

Jon Moore

I want to say thank you for making such a great design system for my favorite tool — Figma. Just bought it and LOVE using it!

Karolina Beck

Karolina Beck

I want to say thank you for making such a great design system for my favorite tool — Figma. Just bought it and LOVE using it!

Karolina Beck

Karolina Beck

I want to say thank you for making such a great design system for my favorite tool — Figma. Just bought it and LOVE using it!

Karolina Beck

Karolina Beck

If you haven’t bought it yet, FramesX is one of the best systems for building digital products and learning Figma.

Adrián Carranco

@aciles_

Adrián Carranco

If you haven’t bought it yet, FramesX is one of the best systems for building digital products and learning Figma.

Adrián Carranco

@aciles_

Adrián Carranco

If you haven’t bought it yet, FramesX is one of the best systems for building digital products and learning Figma.

Adrián Carranco

@aciles_

Adrián Carranco

I just bought Frames ui kit several months ago and It's looks and works fantastic.

Cosmic Red

@carmenansio

Cosmic Red

I just bought Frames ui kit several months ago and It's looks and works fantastic.

Cosmic Red

@carmenansio

Cosmic Red

I just bought Frames ui kit several months ago and It's looks and works fantastic.

Cosmic Red

@carmenansio

Cosmic Red

Frames X design framework belongs to the particular category of high quality digital products.

Victor Ponamariov

@vponamariov

Victor Ponamariov

Frames X design framework belongs to the particular category of high quality digital products.

Victor Ponamariov

@vponamariov

Victor Ponamariov

Frames X design framework belongs to the particular category of high quality digital products.

Victor Ponamariov

@vponamariov

Victor Ponamariov

You’ve got the most comprehensive and detailed design system I’ve seen in Figma! Huge props!

Kevin

@kvncnls

Kevin

You’ve got the most comprehensive and detailed design system I’ve seen in Figma! Huge props!

Kevin

@kvncnls

Kevin

You’ve got the most comprehensive and detailed design system I’ve seen in Figma! Huge props!

Kevin

@kvncnls

Kevin

Your project has been helpful to me, thank you for making Frames X, and best of luck with the project.

Wiam Abou Naim

@abounaimwiam

Your project has been helpful to me, thank you for making Frames X, and best of luck with the project.

Wiam Abou Naim

@abounaimwiam

Your project has been helpful to me, thank you for making Frames X, and best of luck with the project.

Wiam Abou Naim

@abounaimwiam

Investing in your design system is the best thing I did as a designer.

MT Labs

@MTLABS_

MT Labs

Investing in your design system is the best thing I did as a designer.

MT Labs

@MTLABS_

MT Labs

❝ It’s truly insane value for the amount of work and materials provided that went into building this product. A thoughtful UI bundle, with careful consideration for responsiveness and customization, makes it a truly amazing product. ❞

Nick St. Pierre

@nickfloats

★★★★★

Nick St. Pierre

❝ Powerful and thoughtful components that include dark mode + careful consideration for responsiveness.
It’s truly insane value for the amount of work and materials provided that went into building it. ❞

Nick St. Pierre

@nickfloats

★★★★★

Nick St. Pierre

Why choose Frames X over other UI kits?

Maintained since 2017

Frames X's ultimate goal is to provide creatives with UI assets that solve their daily digital routine tasks and give them more time for themselves.

Frames X's ultimate goal is to provide creatives with UI assets that solve their daily digital routine tasks and give them more time for themselves.

Built for seamless customization

Frames X is the ultimate UI library with a focus on seamless customization — allowing easy product scaling, adoption, and infinite reusability.

Frames X is the ultimate UI library with a focus on seamless customization — allowing easy product scaling, adoption, and infinite reusability.

World-largest UI kit

The largest and growing component library that provides over 20K variants in 80+ different interface categories to build your projects efficiently.

Master advanced UI design techniques

Instead of learning design from scratch, learn from real-world examples and master system design by interacting with it. No fluff, just top-notch assets and guides.

Instead of learning design from scratch, learn from real-world examples and master system design by interacting with it. No fluff, just top-notch assets and guides.

Pricing

Access the №1 world's largest and ever-growing UI system.
Use for personal, freelance, or team projects.

Access the №1 world's largest and ever-growing UI system. Use for personal, freelance, or team projects.

Personal (1 user)

1 year of updates

$

109

Yearly license. Perfect for designers, freelancers and solo developers. Billed annually, cancel anytime.

Figma UI Kit

Figma UI Kit

Evergrowing multi-brand design system

Robust Components

Robust Components

World-largest UI component library in Figma

Website Builder

Website Builder

Vast collection of responsive combinable layouts

Dashboards & Charts

Dashboards & Charts

Templates and graphics for complex data

Design Variables

Design Variables

Global parameters to control project visuals

Typography Variables

Typography Variables

Scalable font system for any project

Design Handbook

Design Handbook

Education materials and design best practices

Interactive Components

Interactive Components

Prototype interactions and patters

License

1 Year of Updates

1 Year of Updates

One year of free updates for personal use

Support

Premium Support

Premium Support

We'll reply to your email promptly within 24 hours.

Access to Community Chat

Access to Community Chat

Coming soon

soon

Community to request help and share feedback

Figma UI Kit

Evergrowing multi-brand design system

Robust Components

World-largest UI component library in Figma

Website Builder

Vast collection of responsive combinable layouts

Dashboards & Charts

Templates and graphics for complex data

Design Variables

Global parameters to control project visuals

Typography Variables

Scalable font system for any project

Design Handbook

Education materials and design best practices

Interactive Components

Prototype interactions and patters

License

1 Year of Updates

One year of free updates for personal use

Support

Premium Support

We'll reply to your email promptly within 24 hours.

Access to Community Chat

Coming soon

Community to request help and share feedback

Team (1 to 2 users)

One-Time

$

259

Lifetime License. License for professional teams, agencies, and studios, for up to 2 seats with free forever updates.

Team (1 to 2 users)

One-Time

$

259

Lifetime License. License for professional teams, agencies, and studios, for up to 2 seats with free forever updates.

Team (1 to 2 users)

One-Time

$

259

Lifetime License. License for professional teams, agencies, and studios, for up to 2 seats with free forever updates.

Figma UI Kit

Figma UI Kit

Evergrowing multi-brand design system

Robust Components

Robust Components

World-largest UI component library in Figma

Website Builder

Website Builder

Vast collection of responsive combinable layouts

Dashboards & Charts

Dashboards & Charts

Templates and graphics for complex data

Design Variables

Design Variables

Global parameters to control project visuals

Typography Variables

Typography Variables

Scalable font system for any project

Design Handbook

Design Handbook

Education materials and design best practices

Interactive Components

Interactive Components

Prototype interactions and patters

License

Lifetime Updates

Lifetime Updates

Free updates for your team, forever.

Support

Premium Support

Premium Support

We'll reply to your email promptly within 24 hours.

Access to Community Chat

Access to Community Chat

Coming soon

soon

Community to request help and share feedback

Figma UI Kit

Evergrowing multi-brand design system

Robust Components

World-largest UI component library in Figma

Website Builder

Vast collection of responsive combinable layouts

Dashboards & Charts

Templates and graphics for complex data

Design Variables

Global parameters to control project visuals

Typography Variables

Scalable font system for any project

Design Handbook

Education materials and design best practices

Interactive Components

Prototype interactions and patters

License

Lifetime Updates

Free updates for your team, forever.

Support

Premium Support

We'll reply to your email promptly within 24 hours.

Access to Community Chat

Coming soon

Community to request help and share feedback

Trusted by top brands

256-bit TLS secured payment powered by Lemon Squeezy Inc.

256-bit TLS secured payment powered by Lemon Squeezy Inc.

256-bit TLS secured payment powered
by Lemon Squeezy Inc.

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-legendary item. It will save you time and money, teach you new things about interface design, and increase your productivity in Figma. How?

Frames X offers a collection of legendary-level design elements, each useful on its own but even better when used together to solve routine design tasks efficiently.

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-legendary item. It will save you time and money, teach you new things about interface design, and increase your productivity in Figma. How?

Frames X offers a collection of legendary-level design elements that outperform any Figma course out there.

Each element of the UI bundle is useful on its own, but it is even better when they are used together to solve common design tasks and build a design system in Figma.

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-legendary item. It will save you time and money, teach you new things about interface design, and increase your productivity in Figma. How?

Frames X offers a collection of legendary-level design elements, each useful on its own but even better when used together to solve routine design tasks efficiently.

So, is it a UI Kit, a Design System, or an eBook?

So, is it a UI Kit, a Design System, or a course?

So, is it a UI Kit, a Design System, or an eBook?

Do I need to be a pro with Figma?

Do I need to be a pro with Figma?

Will my team/company be able to use and benefit from this?

Will my team/company be able to use and benefit from this?

Why subscription model for personal use?

Why subscription model for personal use?

How do you start using Frames X?

How do you start using Frames X?

Can I use Frames X for commercial projects?

Can I use Frames X for commercial projects?

Do you offer dicounts?

Do you offer dicounts?