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
Swift UI kit

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 & app development. Save costs and release 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⚡
Pay once & use forever this well-crafted Figma libraries with code to release any apps 3x faster.
Xela UI kit for Figma
$128
Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout. Preview in Figma →
Buy Now
Xela Design & Code bundle
$499
Grab this 5-in-1 design & code bundle with Figma, React, Flutter, SwiftUI & Jetpack Compose components included and 150+ pre-coded screens (all with sources).
Buy Now
Questions and Answers