Advertisement
  1. Web Design
  2. Figma

28 Figma UI Kits for Designers

Scroll to top
Read Time: 15 min

It’s easy to see why both web and app designers have fallen in love with Figma. The web-based interface design tool lets you build, share and collaborate on interactive prototypes for your projects.

Plant E-commerce, Garden Shop & Flower Store AppPlant E-commerce, Garden Shop & Flower Store AppPlant E-commerce, Garden Shop & Flower Store App
A good Figma UI kit can help establish a consistent look from the very beginning.

It also features plenty of ways to help you jumpstart the process. For instance, a Figma UI kit can be used to establish a consistent look right from the very beginning.

The right mobile UI design kit can save you a ton of time. Even better is that there is a huge selection available for download. This means that you’re likely to find several Figma UI kit examples that offer exactly what your project requires. What’s more, these kits run the gamut of use cases. 

The best Figma wireframe kits and UI kit examples are on Envato Elements.The best Figma wireframe kits and UI kit examples are on Envato Elements.The best Figma wireframe kits and UI kit examples are on Envato Elements.
The best Figma wireframe kits and UI kit examples are on Envato Elements.

Use a Figma iOS UI kit or Android UI kit to get started on your next mobile app. Or find the perfect Bootstrap UI kit to craft a website prototype that utilizes Twitter’s popular front-end framework.

Today, we’ll introduce you to some of the top Figma UI kits to help you get your projects get off to a running start.

The Best Figma UI Kits on Envato Elements

Looking for the top Figma UI kits available? You’ll want to check out Envato Elements, part of the Envato marketplaces. Your subscription provides you with instant access to a growing library of 1,400+ Figma UI kits and a whole lot more. You'll have the best UI kit examples available online in one place. 

Strapped for time? Check out our video of the top 10 Figma UI kits:

If you want to watch more free content and video tutorials about web design, don't forget to visit and subscribe to the Envato Tuts+ YouTube channel.

28 Outstanding Figma UI Kits To Download In 2023

Now it’s time to browse some of the best Figma UI kits on the market. We’ve put together a list that covers a variety of styles and use cases.

From web UI kit Figma to Figma iOS UI kits and Android UI kits, you’ll find one that suits your needs:

1. Business Service Figma UI Kit

Business Service Figma TemplatesBusiness Service Figma TemplatesBusiness Service Figma Templates
Business Service Figma UI Kit

Let's start out with this business Figma UI Kit. It comes with a modern and minimal design style. Easily edit, customize and resize all elements in this Figma desktop UI Kit.  It's perfect for all business sectors or even personal projects. This is is also one of the best UI Kit examples for any kind of business.

This download features:

  • 1 full-screen landing page
  • Easy to customized and fully layered
  • Vector-based
  • Assets well organized
  • Open source font used (Google Font)

2. Bicycle Rental Mobile UI Design

Bicycle Rental Mobile UI DesignBicycle Rental Mobile UI DesignBicycle Rental Mobile UI Design
Bicycle Rental Mobile UI Design

Are you trying to design a rental app? This clean mobile UI design can be customized in Figma, Sketch, Adobe XD or Photoshop. Wether you're doing a bike rental Figma iOS UI Kit or for other kind of product, you'll notice this mobile UI Kit is very easy to change.

This mobile UI design download features: 

  • Fully layered
  • Unique & modern design
  • Easy to customize
  • Free font used

3. Zoomie - Social Media Mobile UI App

Zoomie - Social Media Mobile UI AppZoomie - Social Media Mobile UI AppZoomie - Social Media Mobile UI App
Zoomie - Social Media Mobile UI App

Are you looking for Figma UI kit examples for a social media app? Check out Zoomie, one of the best Figma UI kits on Envato Elements.

This modern UI kit is built on a gris system for easier customization. It's a very complete Figma UI kit with 15 screens. You'll get a Sign In screen, User Profile, Friends List, Photo Galleries and more. If you want to excel in mobile UI design, use Zoomie.

4. UX Flowchart Cards Figma Wireframe Kit

UX Flowchart Cards Figma Wireframe KitUX Flowchart Cards Figma Wireframe KitUX Flowchart Cards Figma Wireframe Kit
UX Flowchart Cards Figma Wireframe Kit

Looking for popular UI kit examples? This Figma UI kit is among the most popular on Envato Elements. With 296 UX flowchart cards for desktop and mobile, it's no surprise.

The modern UI kit is responsive, made for both desktop and mobile. If you need a Figma iOS UI kit, this comes with 64 iOS cards. Use the popular Figma wireframe kit to create UX flows or simple wireframes in no time.

5. DSGN - Creative Agency Figma Desktop UI Kit

DSGN - Creative Agency Web TemplateDSGN - Creative Agency Web TemplateDSGN - Creative Agency Web Template
DSGN - Creative Agency Figma Desktop UI Kit

Check out this beautiful and elegant Figma Desktop UI Kit. Display your new products and fresh content in this minimal Figma UI Kit design. All elements included are easy to edit, customize and resize. You can also change the colors of this Figma desktop UI Kit to match fit your brand. It's also a great source of inspiration if you're looking for UI Kit examples. 

6. Marnie UI Kit

Marnie UI KitMarnie UI KitMarnie UI Kit
Marnie UI Kit

Do you want to build a modern eCommerce shopping app? This Figma iOS UI kit is a great option. Marnie is an elegant and clean e-commerce and clothing store app UI kit.  This Figma UI kit was designed specially to fit right into the new iOS. See some of its best features:

  • 21+ highly-customizable vector screens
  • 150+ elements
  • Well layered and organized files
  • Compatible with Sketch, Photoshop, XD & Figma

7. Yorfy NFT Portfolio Website Figma UI Kit

Yorfy NFT Portfolio Website Figma UI KitYorfy NFT Portfolio Website Figma UI KitYorfy NFT Portfolio Website Figma UI Kit
Yorfy NFT Portfolio Website Figma UI Kit

Create a cool and visually appealing website with this Figma desktop UI Kit. It's a ready made Figma UI kit for you! You can use it to showcase your personal NFT portfolio. But it can also be customized for other needs such as crypto, blockchain, and technology websites. Start working with this dark theme to create an amazing UI design.

This Figma desktop UI Kit download features: 

  • 36+ designed screens
  • Fully responsive design
  • 84+ reusable blocks
  • Organized groups and layers
  • UI guidelines 

8. Neumorphic UI Kit

Neumorphic UI KitNeumorphic UI KitNeumorphic UI Kit
Neumorphic UI Kit

Neumorphism has become one of the most popular design trends of 2023. This Figma UI kit offers 26 unique, customizable elements to help your project take advantage of the latest style. This mobile Figma UI kit will be a great pick for any type of project that requires a contemporary feel.

9. Cryptocurrencies Market Figma iOS UI Kit

Cryptocurrencies Market App – Light UICryptocurrencies Market App – Light UICryptocurrencies Market App – Light UI
Cryptocurrencies Market Figma iOS UI Kit

Looking for a cool Figma iOS UI Kit? Here's one for you. This mobile ui design is specifically created for crypto and bitcoin mobile app. But you can also use it as an advanced Figma wireframe Kit for fintech, wallet, or other kind of asset management app. 

This Figma iOS UI Kit features:

  • 40 light mobile ui designs
  • 50+ types of widgets
  • Clean and simple design style
  • Trendy colors and gradients
  • Well organized layers
  • Pixel perfect design
  • Easy to use and customize

10. Shopper iOS UI Kit

Shopper iOS UI KitShopper iOS UI KitShopper iOS UI Kit
Shopper iOS UI Kit

Building an eCommerce mobile app? Use the Shopper iOS UI Kit to make it beautiful. This Figma iOS UI kit includes 520+ icons and premium templates for a number of recent iPhone models. This is one of the best UI kits for mobile UI design experience. 

11. DarkDot - Wireframe UI Kit

DarkDot - Wireframe UI KitDarkDot - Wireframe UI KitDarkDot - Wireframe UI Kit
DarkDot - Wireframe UI Kit

Add the trendy “dark mode” to your project with the modern Figma iOS UI kit DarkDot. This Figma wireframe kit is huge, with over 170 layouts to choose from. In addition, this is a Bootstrap UI kit that utilizes the framework’s famous 12-column grid.

12. Personal Portfolio Landing Page Template

Personal Portfolio Landing Page TemplatePersonal Portfolio Landing Page TemplatePersonal Portfolio Landing Page Template
Personal Portfolio Landing Page Figma Desktop UI Kit

Here’s a desktop Figma iOS UI kit you can use to build a beautiful portfolio site. The package includes everything your landing page needs, including a hero image and other relevant sections. This Figma desktop UI kit also uses Google Fonts, making it easy to replicate the look on your own website.

13. Multipurpose Company Figma Desktop UI Kit

Multipurpose Company Figma Desktop UI KitMultipurpose Company Figma Desktop UI KitMultipurpose Company Figma Desktop UI Kit
Multipurpose Company Figma Desktop UI Kit

Looking for Bootstrap UI kits for your next landing page? This new web UI kit Figma is one of the best UI kits you can get. The Bootstrap UI kit is perfect for a modern landing page. It's designed for online stores, but you can customize it to any project thanks to the components and layouts included.

The modern Figma UI kit also includes scalable vectors and free fonts. This Figma wireframe kit is compatible with Sketch and Adobe XD as well. A great alternative if you're looking for a clean and functional Bootstrap UI kit.

14. Charts Android UI Kit

Charts Android UI KitCharts Android UI KitCharts Android UI Kit
Charts Android UI Kit

Add beautiful charts to your mobile app with this Android UI kit. There are a number of chart styles included that cover a variety of uses. With this Figma wireframe kit you’ll also get 520+ icons. This Android UI kit also features two premium mobile UI Android templates.

15. Onboarding iOS UI Kit

Onboarding iOS UI KitOnboarding iOS UI KitOnboarding iOS UI Kit
Onboarding iOS mobile UI design Kit

The onboarding process for mobile apps is crucial. Onboarding iOS UI Kit has been crafted to make the process simple and beautiful. The Figma iOS UI kit includes six premium iOS templates, free fonts and will fit all iPhone models.

16. Dashboard For Invoice UI Kit Design

Dashboard For Invoice UI Kit DesignDashboard For Invoice UI Kit DesignDashboard For Invoice UI Kit Design
Dashboard For Invoice UI Kit Design

Looking for dashboard UI kit examples? This beautiful dashboard Figma UI kit is perfect for building a customer account area for your website. There are plenty of components included, along with vector graphics. In addition, there are two design styles to choose from.

17. Tables Widgets Dashboard Ui Kit

Tables Widgets Dashboard Ui KitTables Widgets Dashboard Ui KitTables Widgets Dashboard Ui Kit
Tables Widgets Dashboard Ui Kit l Figma desktop UI kit

Create stunning tables with this admin dashboard kit. Inside the Figma desktop UI kit you’ll find a dozen layout files that are easy to customize. Your tables will both look great and be easy for users to read.

18. Nuzie - Medical Ui Kits

Nuzie - Medical Ui KitsNuzie - Medical Ui KitsNuzie - Medical Ui Kits
Nuzie - Medical Ui Kits

Bring a modern design to your medical-related projects with Nuzie. This collection features dashboard components, plenty of icons and free fonts. The elements are Retina-ready and can be customized to match your color palette.

19. Orabel Web UI Kit

Orabel Web UI KitOrabel Web UI KitOrabel Web UI Kit
Orabel Web & mobile UI Kit

Looking for a Figma UI kit that offers something unique? Orabel Web UI Kit features a stunning, modern design for your web projects. It includes 23 layered page templates and utilizes a responsive grid layout. Also be sure to check out the companion mobile UI kit.

20. Fitness App UI Kit

Fitness App UI KitFitness App UI KitFitness App UI Kit
Fitness App mobile UI Kit

Get your fitness app in tip-top shape with this lovely Figma UI kit. All elements are comprised of vector shapes and easy to customize. In addition, you’ll find the included assets in this mobile UI design are layered and nicely organized.

21. Coaching Digital Marketing Bootstrap UI kit

Coaching Digital Marketing Landing PageCoaching Digital Marketing Landing PageCoaching Digital Marketing Landing Page
Coaching Digital Marketing Bootstrap UI kit

Check out this Bootstrap UI kit for a coaching or digital marketing landing page. This Figma desktop UI Kit can also work as a landing page for an online course. Ir comes with a minimal interface design go guide users' navigation.

This Bootstrap UI kit download features:

  • Built-in design system
  • Fully customizable
  • Compatible with Sketch, Adobe XD, Figma and Photoshop
  • All components are vector based
  • Well organized, named and grouped
  • Bootstrap 12 Column Grid 

22. NFT Marketplace Template Bootstrap UI kit

NFT Marketplace TemplateNFT Marketplace TemplateNFT Marketplace Template
NFT Marketplace Template Bootstrap UI kit

Looking for a cool and creative Bootstrap UI kit? Take a look at Xchain, a unique Figma desktop UI kit designed for an NFT marketplace. This design can also work for crypto-collectibles, digital items and non-fungible tokens websites. This Figma desktop UI kit could virtually work for any kind of e-commerce.

This Bootstrap UI kit download includes: 

  • 2 Home pages
  • 2 Explore NFTs
  • Rating Page
  • Activity
  • About
  • Contact
  • Blog
  • Help Center

23. Sama - News & Events UI Kit

Sama - News  Events UI KitSama - News  Events UI KitSama - News  Events UI Kit
Sama - News & Events UI Kit

Sama is among the better UI kit examples for mobile UI design news apps. Not only is it clean and attractive, but it also includes 16 screens. They cover common needs such as a user profiles, news articles and onboarding.

24. Merge Wireframe Kit

Merge Wireframing UI KitMerge Wireframing UI KitMerge Wireframing UI Kit
Merge Wireframe Kit

Designers looking to create wireframes will love the Merge Figma wireframe kit. Inside you’ll find a whopping 185 elements and components, along with 36 pre-designed examples. The kit also works with a number of different prototyping apps, including Figma.

25. Jazam - Social mobile app UI Kit

Jazam - Social mobile app UI KitJazam - Social mobile app UI KitJazam - Social mobile app UI Kit
Jazam - Social mobile app UI Kit

Jazam is a Figma iOS UI kit that is built with social app designers in mind. There are 30+ app screens included, optimized for the iPhone X in this Figma iOS UI kit. Other goodies include a style guide, along with typography and color palettes.

26. Atvantic - Music App Admin Dashboard UI Kit

Atvantic - Music App Admin Dashboard UI KitAtvantic - Music App Admin Dashboard UI KitAtvantic - Music App Admin Dashboard UI Kit
Atvantic - Music App Admin Dashboard UI Kit

Complete with a selection of 56 files, Atvantic is here to help you build the next hit music app. This Figma desktop UI kit utilizes Google’s Material Design and is Retina ready. A slick design and a huge selection of components make this kit a must-have.

27. MyTask - Task Management App UI Kit

MyTask - Task Management App UI KitMyTask - Task Management App UI KitMyTask - Task Management App UI Kit
MyTask - Task Management App UI Kit

Task management apps can be very useful. If you're planning to build one, take a look at this Figma iOS UI kit. MyTask is a mobile UI design kit easy to edit and customize. It comes with:

  • 7 iOS Screens
  • 100% color customizable
  • Vector-based assets
  • Free illustrations and vecor icons
  • Well organized layers
  • Compatibility with Figma, Adobe XD & Adobe Photoshop

28. Lesta - Real Estate UI Kit

Lesta - Real Estate UI KITLesta - Real Estate UI KITLesta - Real Estate UI KIT
Lesta - Real Estate UI Kit

Real estate businesses are moving to apps. And this Figma UI kit can work great for your next real estate app. This mobile UI design kit includes:

  • 25 screens
  • Vector-based elements
  • Compatible with Sketch, Figma and Adobe XD 
  • Organized files

Free UI Kits on Tuts+

We’re giving away free UI Kits which you can download right here on Tuts+! They include templates compatible with Figma, but also Adobe XD, and Sketch. Check out what’s available right now, and stay tuned for more free UI Kits coming soon!

Tips for Choosing and Making the Most of Your Figma UI Kit

1. Look for Icons That Fit Your Needs

Many Figma UI kits include a selection of icons – an important part of any app or website design. As such, look for icons that match the needs of your project. Sometimes, this may mean finding a niche UI kit. If that’s not available, you could go the completely opposite way by opting for something more generic.

2. Something Not Exactly Your Style? You Can Change It.

Figma utilizes vector graphics, which are incredibly easy to scale and edit. Thus, if an element isn’t the color or size you were hoping for, you can likely change as necessary. This opens up more possibilities when searching for a UI kit.

3. Don’t Be Afraid to Experiment and Extend Your Kit

Remember, Figma UI kits are there to help get your project started. But you don’t have to use any item as-is. Edit them to your liking or use them as a basis to go beyond what’s included in your chosen kit. Among Figma’s top features is the ability to create a design system–a UI kit can help you to establish one.

4. Find a Figma UI Kit That Fits Your Workflow

One of the great aspects of these UI kits is that many are built to work with other web and mobile technologies. For instance, if you develop Android or iOS apps, you’ll find that there is a wide array of Figma UI kits specifically designed for this purpose. The right kit will fit neatly into your workflow, rather than disrupt it.

5. UI Kits Are a Great Way to Learn Figma

While Figma is built to be user-friendly, there’s still a learning curve involved. One of the best ways to learn what the app can do is by exploring a UI kit. So, even if you’re not using a kit for a specific project, you can still download one, tear it apart and see what makes it tick. That can pay dividends later on as you do more with Figma.

Get Started With Figma Today

I hope you've the UI kit examples from Envato Elements I shared with you.

No matter if you're looking for Figma IOS UI kits or Android UI kits, start learning more about Figma and mobile UI design. Check out our beginners’ tutorials and courses and improve your UI design skills right away.

There’s a Figma UI Kit for Just About Every Need

Figma is revered for its flexibility, and UI kits are a big part of the app’s success. The right kit means not having to start your project from scratch. Instead, you’ll have access to the elements you need to do your job more efficiently.

The UI kit examples in this roundup are just a taste of what is possible with Figma. Regardless of what type of web or mobile application you’re building (Figma IOS UI kits or Android UI kits), you can do it better with a Figma UI kit.

Editorial Note: This post has been updated with contributions from Maria Villanueva and Janila Castañeda. Maria is Associate Editor of the Tuts+ Design channel. Janila is a staff writer with Envato Tuts+.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.