Meet Mobile-X Figma design system for mobile app design. Cross-compatible & stylish UI kit. Fits both iOS / Android apps. Based on iOS specs adopted to 8dp grid. Easy to modify.

Figma mobile templates

Pick a license

Figma preview

Fits for Flutter development

Figma mobile design system for iOS & Android apps

16 sections of hi-end Figma components crafted within 860+ variants

Mobile UI kit with 860+ components

Figma mobile templates UI kit for iOS & Android apps

Cards, Charts, Date, Time, Forms, Tables, Lists, Grids, Menus, Sheets and more

157 app layouts to design in Figma

Templates are based on iOS specs adopted for 8dp Android grid. Adjust easy!

Fits for Android & iOS applications

Figma mobile UI kit for iOS & Android apps

Easy to toggle theme for each component. Screens are light & dark available

Dark theme made with Variants

Figma mobile templates for iOS & Android apps

860+ variants of components · Duplicate

Mobile X UI kit for Figma offers a comprehensive collection of mobile components powered by Auto-layout and based on Variants. Organized, constrained, paginated into 16 categories for iOS / Android apps design

Figma mobile app design system & iOS Android templates

App bar items

App bar primary

App bar secondary

Bar charts

Cards

Misc charts

Timepickers

Tables mobile

Calendars

Inputs

Line charts

Lists

Rating

Segmented controls

Bottom sheets

Sliders

Snackbars

Tab bars

Tab items

Preview mobile templates

Made of components, with auto-layout enabled, detailed & reusable mobile layouts. Contains most frequent UX patterns: Cards, Charts, Date & Time, Dashboards, Data grids, Inputs, Interests, Drawers, List items, Product details, Player, Popover menus, Settings, Start screen

Mobile X design system for iOS Android apps

Start (Home)

6 screens

Cards (Content)

12 screens

Data grid (Checkout)

3 screens

Menu (Drawers)

6 screens

Content (Product, Profile)

12 screens

Charts (Line, Bars)

12 screens

Dashboard (Analytics)

7 screens

Date & Time (Calendar, Events)

9 screens

Inputs (Register, PIN)

18 screens

Interests (Categories)

3 screens

Lists (Table View)

36 screens

Media (Player)

3 screens

Settings (Slider, Switch)

18 screens

Sheets (Popovers)

12 screens

Stop creating from scratch the same UI items. Use our Figma templates to skip a pixel routine

Made for designers

Our Figma components help to make beautiful apps. Get better at UX and hi-fi prototyping

For developers

Teams get more consistent in design & development. Save costs and release products faster!

For organizations

Buttons, Inputs, Lists, App bars, Tab bars, Segmented tabs, Calendars, Timepickers, Drawers, Charts, Cards, Tables, Snackbars, Sliders, Tooltips, Widgets, Switches, Rating stars and etc.

860+ variants for 20 components

Mobile X UI kit for Figma - Android / iOS design system

Mobile X fits any mobile OS. Based on iOS specs adopted for Android 8dp grid. No more strange 5, 7, 11, etc. paddings. Good for Flutter development. Easy to adust

Specs fits both for iOS / Android apps

Get started with
Mobile X system

Universal mobile Figma design system to release iOS / Android apps faster

Lite version

Try free

We've included 8 sections of components, 100+ variants and 6 mobile templates to make sure you can check out the product quality

Duplicate

Design system

Starting from $128

Ready to be published for a team or local usage. Contains 157 app templates based on 860+ variants of 20 components. Fits for Figma education purposes ☕ Preview

Purchase

Save 30%

Starting from $195

Setproduct «X» Bundle for designing dashboards, web & mobile apps based on styled & trendy guidelines. Included: Figma Material X kit + Mobile X UI kit

Purchase 2 kits

Questions and Answers

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.

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.

Importing .FIG files into Figma: https://help.figma.com/hc/en-us/articles/360041003114-Import-files-into-Figma

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

Yes! You can build unlimited amount of commercial or personal projects with your license. But, please, consider your organization size while picking a license.

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!

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.