Design Beyond Limits

Premium UI Kit and Design System

Beyond UI is a premium slot UI kit and design system for Figma.
Great starting point for any design project, made for true designers.

Optimized for easy customization

Every variable, style, and component is optimized for quick, easy customization, and long-term maintainability

200+

Variables

Smartly crafted for colors, spacings, radius, paddings and different screen sizes

5,000+

Core components

Premium components for different needs, including basic and advanced options for websites and SaaS

Millions

Possible instances

Our components use a smart approach, enabling multiple instances from one master component.

350+

SaaS components and screens

We offer components designed specifically for SaaS applications, covering the most common screens and functionalities

Features

Everything you need,
in a single file

Discover the core features of Beyond UI, a comprehensive slot UI kit
and design system tailored for Figma

Bento grid card showing slots features in Figma

Slots Feature

Make landing page in couple of minutes. In Beyond UI, website sections utilize the "slot" feature to exert better control over the page layout.

Master component and instances illustration

One component = millions of instances

Our components are crafted using Figma's most powerful features, such as properties and nested instances. With a single master component, you can create thousands of instances.

Variables set in Beyond UI

Dark mode in one click

Beyond UI utilize variables and tokens for colors, spacing, radius, sizes, and paddings. This enables easy switching of designs to dark mode or responsive sizes with just one click.

Wrap auto layout feature in Figma

Handcrafted SaaS screens

Components use Auto Layout 5.0 features to adjust, expand, or reorganize as their content evolves. This ensures that designs consistently appear polished across all devices and screen sizes.

Pricing

Flexible Pricing Solutions

Pay now and use Beyond UI forever with free updates

Free

Free

Demo version with essential variables, components and features

Includes:

✦ 200+ Color Variables & Tokens

✦ 100+ Spacing Variables & Tokens

✦ 500+ Components & Limited Instances

Features:

✦ Auto Layout 5.0

✦ Smart Components

✦ Slots Feature

✦ Responsive Screens

✦ Dark Mode

✦ Interactive Components

✦ Custom Website Sections

✦ Custom SaaS Widgets & Screens

✦ Lifetime updates

✦ Premium

$97

Individual license, perfect plan for solo designers and freelancers

Includes:

✦ 400+ Color Variables & Tokens

✦ 100+ Spacing Variables & Tokens

✦ 6,250+ Components & ∞ Instances

Features:

✦ Auto Layout 6.0

✦ Smart Components

✦ Slots Feature

✦ Responsive Screens

✦ Dark Mode

✦ Interactive Components

✦ Custom Website Sections

✦ Custom SaaS Widgets & Screens

✦ Lifetime updates

FAQs

Frequently Asked Questions

We tried to address the most common questions related to Beyond UI.
If you have additional questions, please don't hesitate to contact our team.

What is Beyond UI, and how can it benefit UI designers?

Beyond UI is a premium slot UI kit and design system for Figma. Compared to other design systems and UI kits, this system employs a smart approach to components and sections. Most components primarily make use of the nested instance feature, enabling users to generate several tens of thousands of potential instances from one or several master components. Website sections utilize the "slot" feature to exert better control over the page layout. Additionally, for product designers, there are pages and components tailored specifically for web applications.

Does Beyond UI use variables??

Yes, Beyond UI utilizes Figma variables. All colors in this design system are defined using variables. Users can switch between light and dark mode with a single click, thanks to variables. Additionally, all spaces, paddings, and screen sizes are defined using variables. This allows users to easily select a specific desktop, tablet, or phone screen size.

Is there a free version?

Yes, Beyond UI offers a free demo version which you can download here. Free version contains essential features and some basic components. Additionally, free version doesn't contain dark mode.

Can I use Beyond UI in commercial projects?

Of course, you can! With Beyond UI, you have the freedom to use it in an unlimited number of commercial or personal projects, including websites, mobile and web apps, and more. However, please note that you are not permitted to resell Beyond UI or create another UI kit using Beyond UI and sell it. For more detailed information about what is allowed or not allowed, please refer to our License Agreement page.

Are there regular updates and additions to the Beyond UI kit?

Sure thing! We will always be committed to the constant growth of Beyond UI with new components, sections, pages, and features. Beyond UI will always stay up-to-date with any new features introduced in Figma. Additionally, all updates are provided free of charge forever for Premium version users.

Can I suggest new features or improvements for Beyond UI?

This is always welcomed! You can suggest improvements, updates, new features or report a bug through contact form on the contact page. Your opinion is important.

Let's dive in

Components, variables and screens

Take a sneak peek into our foundations, components, sections, and SaaS screens