Become an affiliate and earn up to 35%
You can participate in Setproduct partnership program and earn up to 35% from every sale you made. We provide promo materials and detailed instructions how to boost the conversion
We used to reply ASAP
Hire Setproduct professionals for your project
We'll take any of our Figma design systems, adjust with your brand guidelines, create all the additional custom templates, and code a web application based on React, Angular, Vue or etc.
How to reach you out?
Type of job
Select design system
Whats your approximate budget?
URL (optional)
We used to reply ASAP
Looking for a custom design based on our Figma templates? We are ready to customize any of our UI kit personally for you and create custom design based on your brief, wireframes, outdated UI or online call. Please, fill the form below or drop us a line at hello@setproduct.com
Your e-mail
Pick a design system for your project
Pick a project size
Describe in a few words (optional)
For browser-based applications
For iOS & Android mobile apps
Whats your budget, USD
Please, provide the approximate number. The total price depends on the amount of templates in your order
1000
10000
Product of the Week ⭐ 40% off for Figma Website Templates
Close

Perfectly shaped UI kit for Figma with reusable templates
for desktop & mobile apps

Dashboard design system

1900+ VARIANTS FOR 30 COMPONENTS 50 DASHBOARD TEMPLATES INCLUDED
Xela UI kit dashboard Figma templates
Xela UI kit dashboard Figma templates
Xela UI kit for Figma
Xela UI kit for Figma
Accordions, Alerts, Badges, Breadcrumbs, Buttons, Charts and more

1900+ variants of 30 components

Xela UI kit – Figma design system
Web app layouts made with care of usability and attention to details

50 templates for mobile & desktop

We crafted XELA with a purpose to swap between themes without a hassle

Toggle between dark & light

Xela UI kit – Figma design system
App design quickstarter
for startups, indiehackers or busy designers

Organized, based on auto-layout

Xela UI kit – Figma design systemXela UI kit – Figma design systemXela UI kit – Figma design systemXela UI kit – Figma design system
Xela UI kit – Figma design system

Preview full-size templates

Built with components, auto-layout for proper scaling, well-organized dashboard layouts. Modify the UI, styles, colors or use for your app as it is.
Xela UI kit - Figma dashboard design system
Analytics
Mobile template
Xela UI kit - Figma dashboard design system
Analytics
Mobile template
Xela UI kit - Figma dashboard design system
Analytics
Desktop template
Xela UI kit - Figma dashboard design system
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Checkout
Desktop template
Xela UI kit - Figma dashboard design system
Data Table
Mobile template
Xela UI kit - Figma dashboard design system
Data Table
Desktop template
Xela UI kit - Figma dashboard design system
Ecommerce
Mobile template
Xela UI kit - Figma dashboard design system
Ecommerce
Mobile template
Xela UI kit - Figma dashboard design system
Ecommerce
Desktop template
Xela UI kit - Figma dashboard design system
Search Results
Mobile template
Xela UI kit - Figma dashboard design system
Search Results
Mobile template
Xela UI kit - Figma dashboard design system
Search Results
Desktop template
Xela UI kit - Figma dashboard design system
Mailbox
Mobile template
Xela UI kit - Figma dashboard design system
Mailbox
Mobile template
Xela UI kit - Figma dashboard design system
Mailbox
Desktop template
Xela UI kit - Figma dashboard design system
Media
Mobile template
Xela UI kit - Figma dashboard design system
Media
Mobile template
Xela UI kit - Figma dashboard design system
Media
Desktop template
Xela UI kit - Figma dashboard design system
Social
Mobile template
Xela UI kit - Figma dashboard design system
Social
Mobile template
Xela UI kit - Figma dashboard design system
Social
Desktop template
Xela UI kit - Figma dashboard design system
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Task Manager
Desktop template
Xela UI kit - Figma dashboard design system
Project Manager
Mobile template
Xela UI kit - Figma dashboard design system
Project Manager
Desktop template

2000+ variants of components · Try a demo

Xela UI kit for Figma offers a full collection of perfectly shaped components powered by Auto-layout and based on Variants. Labeled, scalable, and paginated into 31 categories to design for desktop & mobile apps faster.
Xela UI kit - Figma dashboard design system
Accordions
Xela UI kit - Figma dashboard design system
Alerts
Xela UI kit - Figma dashboard design system
Avatars
Xela UI kit - Figma dashboard design system
Badges
Xela UI kit - Figma dashboard design system
Breadcrumbs
Xela UI kit - Figma dashboard design system
Buttons
Xela UI kit - Figma dashboard design system
Charts
Xela UI kit - Figma dashboard design system
Checkboxes
Xela UI kit - Figma dashboard design system
Chips
Xela UI kit - Figma dashboard design system
Color Tokens
Xela UI kit - Figma dashboard design system
Datepickers
Xela UI kit - Figma dashboard design system
Dialogs
Xela UI kit - Figma dashboard design system
Numeric Inputs
Xela UI kit - Figma dashboard design system
Pagination
Xela UI kit - Figma dashboard design system
Radio Buttons
Xela UI kit - Figma dashboard design system
Sliders Range
Xela UI kit - Figma dashboard design system
Rating
Xela UI kit - Figma dashboard design system
Segmented Controls
Xela UI kit - Figma dashboard design system
Selection
Xela UI kit - Figma dashboard design system
Sliders
Xela UI kit - Figma dashboard design system
Steps
Xela UI kit - Figma dashboard design system
Switches
Xela UI kit - Figma dashboard design system
Tables
Xela UI kit - Figma dashboard design system
Tabs
Xela UI kit - Figma dashboard design system
Text Inputs
Xela UI kit - Figma dashboard design system
Textareas
Xela UI kit - Figma dashboard design system
Toasts
Xela UI kit - Figma dashboard design system
Tooltips
Xela UI kit - Figma dashboard design system
Typography
Stop creating from scratch the same UI items. Use our Figma templates to skip a pixel routine
Figma design systems for designers
Made for designers
Our Figma components help to make beautiful apps. Get better at UX and hi-fi prototyping
Figma design systems for developers
For developers
Teams get more consistent in design & development. Save costs and release products faster!
Figma design systems for organizations
For organizations
Accordions, Alerts, Badges, Breadcrumbs, Buttons, Charts, Checkboxes, Chips, Colors, Datepickers, Dialogs, Inputs, Pagination, Radio buttons, Sliders, Segments and more

1900+ variants for 30 components

Xela UI kit for Figma - dashboard design system
50+ dashboard templates made with care of usability: Analytics, Checkout, Data table, Ecommerce, Job search, Mailbox, Music service, Social, Tasks, Projects

Responsive layouts desktop & mobile

Xela UI kit for Figma - dashboard design system
Get started
with XELA UI kit
Perfectly shaped Figma design system to never design from scratch
Mobile & Desktop templates
Starting from $128
Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Preview in Figma
Purchase
Free try before you buy
Lite version
We've included 3 sections of components, 100+ variants and 6 templates to make sure you can check out the product quality.


Duplicate
Questions and Answers
How to start with this design system?
After the successful purchase via Gumroad (it's safe and encrypted) you will be taken to a download page. You will also get the download link in your email (check the SPAM folder sometimes). Then just simply drag and drop .FIG file onto your Figma app. Do not drop it onto the project. Drop it over the starting screen with recent projects grid.
I am new to Figma. Should I try your kits?
Definitely! Suddenly, we've discovered a lot of purchases by customers who learning Figma from scratch. By exploring and studying commercial UI kits you learn how the components and layouts were crafted, which styles being used and which styling tricks have been applied.
I am banned at Google. How to import your kits?
Which license type should I choose?
You must select the proper license type according to the number of users in Figma if you're purchasing our product for the business.

Business license — for startups or enterprise organizations to use for a local team or publish in Figma library
Individual license — for freelancers, indie developers, or solopreneurs working on a single project
Can I build commercial projects with this design system?
Yes! You can build unlimited amount of commercial or personal projects with your license. But, please, consider your organization size while picking a license.
I ❤ your designs, but can I have a discount?
Due to the quality and detailzation, our products may look too expensive for somebody. We do understand! Just drop us a message with a short story about how you plan to use our product and we will give you a ✨30% off coupon for a Single/Individual license (only) for any single UI kit you'll pick!
I have a project. Can I hire you?
We're open-minded to your custom design & development projects. We can create complex templates based on our Figma libraries and code them in React / Angular / Vue or Flutter.

If you have a project to design & develop, simply contact us describing your brief, budget (we charge $60+ hourly), and expectations.