{"id":73348,"date":"2019-11-26T04:18:35","date_gmt":"2019-11-26T11:18:35","guid":{"rendered":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-best-figma-templates-ui-kits-wireframe-kits\/"},"modified":"2019-11-26T04:18:35","modified_gmt":"2019-11-26T11:18:35","slug":"20-best-figma-templates-ui-kits-wireframe-kits","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/11\/20-best-figma-templates-ui-kits-wireframe-kits\/","title":{"rendered":"20+ Best Figma Templates, UI Kits + Wireframe Kits"},"content":{"rendered":"

Figma<\/a> is slowly becoming one of the most popular user interface design apps available today. With the ability to use the tool entirely online, it\u2019s also an easily accessible tool for UI design collaboration and prototyping.<\/p>\n

Whether you\u2019ve been using Figma to design mobile and desktop user interfaces or if you\u2019re new to the app, you\u2019ll find our Figma templates collection quite useful.<\/p>\n

In this post, we feature some of the best Figma templates for wireframing, mobile user interface designs, app designs, website designs, and much more. We\u2019re also sharing our tips for getting started with Figma<\/a> if you\u2019re new to the app!<\/p>\n

With these templates, you can easily create wireframes and UI designs without having to spend hours crafting the small components and layouts. You can customize the templates to change colors and rearrange sections to make them your own as well.<\/p>\n

<\/span><\/p>\n

Take a look at our collection below and start downloading.<\/p>\n

\nTop Pick<\/span><\/p>\n

Cards \u2013 Multipurpose User Interface Kit for Figma<\/a><\/h2>\n
\"Cards<\/a><\/div>\n

This is a massive bundle of UI card layouts you can use to design various types of app interfaces. It includes designs for eCommerce apps, business, accounting, cryptocurrency, marketing, and much more.<\/p>\n

The UI kit comes with more than 70 unique card layouts and 50 useful eCommerce widgets. Each and every card design consists of organized layers for easily customizing them to your preference.<\/p>\n

Why This Is A Top Pick<\/h3>\n

What makes this UI kit special is that it comes with multiple file formats. You can edit the templates using Figma as well as Sketch, Photoshop, Adobe XD, and InVision Studio. You can also download the dark version of this UI kit here<\/a>.\n<\/p>\n<\/div>\n

Minimalist Wireframe Kit Figma Templates<\/a><\/h2>\n
\"Minimalist<\/a><\/div>\n

Every great design starts with a wireframe layout. This is a complete bundle of Figma templates you can use to start your own designs the right way. It includes all the elements you\u2019ll need to make website and landing page wireframes.<\/p>\n

Onboarding iOS UI Kit for Figma<\/a><\/h2>\n
\"Onboarding<\/a><\/div>\n

The onboarding process is one of the most important parts of mobile app design. With this Figma UI kit, you can design stylish user interfaces for your app onboarding steps with ease. The templates are made for iOS devices, including iPhone X, SE, and iPhone 11 series.<\/p>\n

Responsive Figma Landing Page Template<\/a><\/h2>\n
\"Responsive<\/a><\/div>\n

This beautiful website landing page template kit is perfect for web designers. It will allow you to easily craft a unique website design using Figma without an effort. All of the elements in the template are customizable. It includes both desktop and mobile designs.<\/p>\n

Ecommerce \u2013 Android UI Kit for Figma<\/a><\/h2>\n
\"Ecommerce<\/a><\/div>\n

Working on an app UI design for an eCommerce shop? Then this UI kit will help you design product page, shopping cart, store layouts, and much more. It includes 4 unique screen layouts in multiple file formats.<\/p>\n

Medical App Dashboard \u2013 Light UI Kit<\/a><\/h2>\n
\"Medical<\/a><\/div>\n

This is a complete dashboard UI kit for designing various medical and health-related apps. It includes 38 unique screen designs as well as 50 different widgets. The templates feature simple and clean designs with easily customizable layouts.<\/p>\n

Elearning UI Kit \u2013 Free Figma Template<\/a><\/h2>\n
\"Elearning<\/a><\/div>\n

This is a free UI kit featuring a large collection of templates. The bundle includes more than 38 page layouts in 4 different categories. It\u2019s been designed for making eLearning websites.<\/p>\n

Atro \u2013 Free Mobile UI Kit for Figma<\/a><\/h2>\n
\"Atro<\/a><\/div>\n

Atro is a modern mobile UI kit that comes with 12 unique mobile screen templates. The free Figma templates are fully customizable and let you design various types of interfaces for mobile apps.<\/p>\n

Android Menu UI Kit for Figma<\/a><\/h2>\n
\"Android<\/a><\/div>\n

Another creative UI kit for Android apps. This kit includes 4 stylish templates with Android app menu designs. These are perfect for creating unique app experiences through your own projects.<\/p>\n

Online Store iOS UI Kit Figma Templates<\/a><\/h2>\n
\"Online<\/a><\/div>\n

Use these modern eCommerce store UI templates to design a stylish shop layout for your online shopping apps. These templates are designed for the iOS platform and they are fully optimized for iPhone X and iPhone 11 as well.<\/p>\n

User Profiles iOS UI Kit Figma Templates<\/a><\/h2>\n
\"User<\/a><\/div>\n

Designing user profiles for mobile apps requires careful planning and optimization. But with this UI kit, you can instantly design a modern user profile layout without an effort. It includes 4 templates in multiple file formats.<\/p>\n

Dark Medical Dashboard \u2013 UI Kit for Figma<\/a><\/h2>\n
\"Dark<\/a><\/div>\n

Dark-themed user interfaces are quite popular these days. This UI kit also features an attractive dark color design and it\u2019s available in multiple file formats as well. You can use it to design various medical app dashboards and interfaces.<\/p>\n

Desktop & Mobile Wireframe Web UI Kit<\/a><\/h2>\n
\"Desktop<\/a><\/div>\n

A massive bundle of Figma templates for designing both mobile and desktop wireframes. This UI kit includes more than 360 unique blocks with fully customizable elements. It also comes in Sketch and Adobe XD versions as well.<\/p>\n

Football Website \u2013 Free UI Kit for Figma<\/a><\/h2>\n
\"Football<\/a><\/div>\n

This is a big collection of UI templates for Figma. It comes with various layouts specifically made for football score and fantasy football websites. You can download it for free to experiment with Figma.<\/p>\n

Freyr \u2013 Free UI Kit for Figma<\/a><\/h2>\n
\"Freyr<\/a><\/div>\n

Freyr is a beautiful free UI kit that comes with lots of unique elements you can use to create your own user interfaces for mobile and desktop. It\u2019s completely free to use.<\/p>\n

Clean Responsive Business Landing Page Template<\/a><\/h2>\n
\"Clean<\/a><\/div>\n

Design a stylish and modern landing page for a business or agency using this unique Figma template. It comes with both desktop and mobile layouts for easily making a website layout for various businesses.<\/p>\n

Statistics \u2013 iOS UI Kit for Figma<\/a><\/h2>\n
\"Statistics<\/a><\/div>\n

This iOS UI kit can be used to design statistics and report screens for many different types of mobile apps. The pack includes 6 unique iOS screen layouts with fully customizable designs.<\/p>\n

Feed \u2013 iOS UI Kit Figma Templates<\/a><\/h2>\n
\"Feed<\/a><\/div>\n

Working on designing a feed page for a social or a news app? Then this UI kit will help. It includes 4 unique iOS screen templates for crafting stylish user feed pages. The templates are compatible with iPhone 11 as well.<\/p>\n

Walkthroughs \u2013 iOS UI Kit Figma Templates<\/a><\/h2>\n
\"Walkthroughs<\/a><\/div>\n

You can use this UI kit to design modern walkthrough and onboarding pages for your eCommerce and social mobile apps. The UI kit comes with 6 different mobile screen designs for iOS.<\/p>\n

Travelo \u2013 Android UI Kit for Figma<\/a><\/h2>\n
\"Travelo<\/a><\/div>\n

Travelo is a unique Figma UI kit that features 4 stylish templates for making travel and transport-related apps. It includes easily editable templates that are optimized for the Android platform.<\/p>\n

Free UX Flowchart Kit for Figma<\/a><\/h2>\n
\"Free<\/a><\/div>\n

This is a free Figma template kit you can use to design unique user experience (UX) flow charts. The template includes lots of unique components and elements in 3 pre-made color schemes as well.<\/p>\n

Greyhound Flowcharts \u2013 Free Figma Template<\/a><\/h2>\n
\"Greyhound<\/a><\/div>\n

Another big Figma flowchart template kit you can use for free. This kit includes more than 200 flowchart card designs in 11 different categories. It comes in Figma and Sketch formats.<\/p>\n

5 Tips for Getting Started with Figma<\/h2>\n

Figma is a new contender among the user interface editing tools. If you\u2019re new to Figma, here are a few tips to help you get started.<\/p>\n

1. It\u2019s Free!<\/h3>\n

Figma is gaining popularity among UX and UI designers, especially because the software is free to use. The free plan allows you to use the software to create and manage up to 3 projects at a time with up to 2 editors. It even gives you unlimited cloud storage for free.<\/p>\n

Be sure to let your friends and colleagues know about Figma so that you can easily share and collaborate on projects in the future.<\/p>\n

2. Work Directly from the Browser<\/h3>\n

Unlike Sketch, Figma is not a software limited to only one platform or operating system. Figma works directly on your browser. This means you can use it on any platform, including Windows, Mac, Chrome, and Linux. No need to download software and install it on every device you own. Another great opportunity for better collaboration.<\/p>\n

3. Collaborate with the Team<\/h3>\n

Figma makes collaboration much easier, especially thanks to the ability to access the app on the cloud. You can easily share the projects you\u2019re working on with your teammates and colleagues by sharing a link and collaborate with them in real-time without forcing them to buy or install any apps.<\/p>\n

4. Live Previews<\/h3>\n

While Sketch comes with a very expensive mirroring app for mobile devices, Figma has a free mirror app for Android and iOS. Using this app you can easily view your user interface designs on your mobile to see how a live version looks like on a phone or tablet.<\/p>\n

5. Plenty of Templates<\/h3>\n

Figma community is also growing rapidly. There are also a growing number of templates available for the app as well. With templates, you can make your design process simpler and easier. Be sure to use them to speed up your workflow.<\/p>\n

If you\u2019re a fan of Sketch, check out our collection of the best Sketch iOS templates<\/a>.<\/p>\n

Powered by WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

Figma is slowly becoming one of the most popular user interface design apps available today. With the ability to use the tool entirely online, it\u2019s also an easily accessible tool for UI design collaboration and prototyping. Whether you\u2019ve been using Figma to design mobile and desktop user interfaces or if you\u2019re new to the app,… Read the full article…<\/a><\/p>\n","protected":false},"author":4,"featured_media":73349,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-73348","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t