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 ready-made iOS screens coded for SwiftUI

Swift UI kit for iOS 15 apps

1500+ VARIANTS FOR 23 COMPONENTS 36+ iOS TEMPLATES FULLY CODED
Rome UI kit logo
Xela UI kit iOS SwiftUI templates
Accordions, Alerts, Badges, Breadcrumbs, Buttons, Charts and more

1900+ variants of 23 components

Xela UI kit – Figma design system
SwiftUI app layouts made with attention to details, including source code

36+ ready-made app screens

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

Toggle between dark & light

Xela UI kit – Figma design system
iOS design quickstarter
for startups, indiehackers or designers who code

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

Download from Appstore

Try live from your iPhone / iPad. Built for SwiftUI and Figma. XELA UIKit contains components, auto-layout for proper scaling, well-organized iOS screens ready-made. 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
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Checkout
Mobile template
Xela UI kit - Figma dashboard design system
Data Table
Mobile 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
Search Results
Mobile template
Xela UI kit - Figma dashboard design system
Search Results
Mobile 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
Media
Mobile template
Xela UI kit - Figma dashboard design system
Media
Mobile 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
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Task Manager
Mobile template
Xela UI kit - Figma dashboard design system
Project Manager
Mobile template

23 pages of iOS components · Docs

Ready-to-use components are crafted in Figma and fully coded in SwiftUI.
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
23 ready-to-use components are crafted in Figma and fully coded in SwiftUI. Organized as the design system

1900+ variants for 23 components

Xela UI kit for Figma - iOS design system
36+ ready-made application screens based in 66 widgets. Source code for Swift 5+, SwiftUI, iOS 13+, Xcode

Screens are coded in advance for you

Xela UI kit for Figma - iOS design system
Get started
with XELA UI kit
Perfectly shaped Figma design system to never design from scratch
For Figma & SwiftUI
Starting from $258
1900+ variants of 23 components to craft perfectly shaped iOS apps. Designed in Figma and fully coded in SwiftUI. Contains 36 ready-made app screens.

Download from Appstore
Purchase
Try Before a 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.