Figma Dashboard Templates & UI kits

Save time and human resources by reusing hundreds of pre-made templates crafted by us. Based on top notch UX taken from the World's best apps.

Orion UI kit

Figma library with 40+ full-width charts templates served in light & dark themes. Contains 200+ of dataviz widgets that look perfect on desktop & mobile screens.

Figma Charts UI kit

Components-driven graphs design kit for dashboards, presentations, infographics & data visualisation. Includes 25+ charts types for all the viewports.

Nucleus UI

Nucleus UI contains 1000 components and variants with 500+ mobile screens designed for Figma (including 9 themes from Event, E-commerce, Finance, NFT, etc.).

Material X for Figma

Figma library with 1100+ components & 40 app templates beyond Material Design. Powered by top-notch shapes and Manrope font. Customizable & Adjustable UI kit now available for Angular & Figma

Material You UI kit

Figma & React library with 2600+ variants of 32 components compatible with Material Design 3. Plus 220+ dashboard templates for all the viewports. Now available for NextJS & TailwindCSS.

Figma React UI kit

Designed and well-organized in Figma React-based UI toolkit for the web. Optimized for building complex data-dense interfaces for desktop and mobile applications.

Panda Design System

Figma library with dashboard, calendar, kanban, profile, table, ecommerce and 80+ templates in total. Components with variants, dark theme included.

Eclipse UI kit

Figma library with 1100+ components & 74 templates for data-driven web applications. Powered by auto-layout. Supercharged by Figma's variants.

Rome UI kit for Figma

Customizable and well-organized team library. Contains 250+ components & 30 web app templates powered by stylish and trendy guidelines.

Material Design System

Figma library is based on 100% guidelines compliance with Material.io. Contains ready‑to-use templates to accelerate app UI design.

Neolex Dashboard UI kit

Customizable & adjustable dashboard design system with 50+ ready-to-use app layouts, 1900+ variants for 30 components with auto-layout.

Zeus UI kit

Create hassle-free landing pages in Figma. This kit is based on 10 landing page templates, powered by 1600+ variants for 630+ web blocks.

Figma Landing Pages UI kit

Landing pages templates library based on constrained & organized components aimed to speed-up the production of effective websites.

Mobile X UI kit

Customizable & adjustable iOS / Android design system loaded with ready-made 157 app templates based on 860+ variants for 20 components.

Appka iOS UI kit

Customizable & adjustable iOS design system with 4100+ variants for 28 components and 280+ ready-to-use app layouts crafted for Figma.

Discover more of what matters to you

All

All

All

All

All

All

All

All

Research

Submit a Guest Post to Our Blog

We invite you to submit a guest post to our blog! Read our guest posting guidelines and join the large audiences in the design and development community. Let’s partner!

Research

Visual Elements in Email Marketing: Types, Tips, and Examples For The Best Email Designs

Are visual elements important in email campaigns, and how to craft the best emails? Let’s dive into the world of the best email designs!

Inspiration

Best SaaS Dashboard Examples. Dashboard Design Templates for SaaS Companies

Explore the benefits, features, and best practices of SaaS dashboards to enhance your business's data-driven decision-making.

Inspiration

Best E-Commerce Dashboard Templates & Examples

Discover top E-commerce dashboard templates to streamline your data analysis and boost your online store's performance.

Inspiration

Best Analytics Dashboard Examples

Explore the best analytics dashboard examples and design practices to transform your data into actionable insights.

Inspiration

Marketing Dashboard Examples & Templates

Explore top marketing dashboard examples and templates to enhance data visualization, streamline analytics, and drive informed decisions.

Inspiration

Top Dashboard Design Examples & Ideas. Dashboard Inspiration

Explore best practices and examples for creating effective dashboard designs and enhancing data visualization in business applications.

Optimisation

Why are Dashboards Important? Purpose of Dashboards

Explore the comprehensive guide on dashboards: types, benefits, design principles, and their crucial role in business decision-making.

Resources

Types of Dashboards. Main Categories

Unlock the power of data-driven decision-making with our comprehensive guide to different types of dashboards. Learn about operational, analytical, and strategic dashboards, and discover how they can drive business success.

Optimisation

Effective Dashboard Design Principles

Read our concise article to get an understanding of the essence of effective dashboard design principles. From understanding audience needs to optimizing performance, discover how to create visually attractive dashboards that also support action insights for business success.

Design Trends

Dashboard Design Best Practices. Top Dashboard UI Design Tips

Learn how to optimize dashboards for effective data visualization. Learn key principles for increased user experience, making your applications or websites more effective and insightful.

Optimisation

What Are the Benefits of Dashboards for Businesses?

To learn how dashboards are able to revolutionize business by providing real-time insights, enhancing decision-making, and improving operational efficiency. This blog post will help you uncover and understand the main benefits of integrating dashboards into your business strategy.

Research

Tips for selecting the UI / UX agency for application design and development

Find the perfect web design and development agency for your application to ensure the success of your product. Make the right decision that will have a major impact on business.

Career

Navigating the job market storm: A webdev professional's tale

Discover how a developer's layoff led to a successful transition into UX/UI design. Learn about their journey and insights into the job market.

Tutorials

Checkbox UI design – Unlocking anatomy, proven UX tips, and inspiring use cases

Get practical solutions for Checkbox design dilemmas, from styling complexity to inclusive user experience, in this dedicated tutorial.

Tutorials

Input UI Design – Optimize data forms UX with expertly crafted text fields

Learn how to design and optimize Input components for improved forms filling experience and UI. Our in-depth guide will help you create seamless and user-friendly designs.

Resources

Black Friday 2023: Unbeatable Deals on Figma Templates for Designers!

Maximize your Black Friday savings with exclusive deals on Figma assets for a more streamlined design workflow. Give your designs the competitive edge they deserve.

Tutorials

Creating app settings UI design: Usability tips and best practices

Learn about key design patterns and elements for settings apps to enhance user experience and accessibility in your own app's settings section.

Tutorials

Chips UI Design – An essential tutorial for optimal UX & usability

Delve into the chip design with our comprehensive tutorial, covering chip anatomy, states, use cases, and usability tips. Master the step-by-step process of component design

Tutorials

Notifications UI Design: Best practices, UX tips and popular use cases

Learn how to create visually appealing and easily dismissible in-app notifications with our UX/UI design techniques. Optimize your app experiences with our guidance.

Resources

Best 20 design resources for startups, developers and designers

Explore a diverse collection of cool icons, powerful UI kits, and tools, along with a fascinating history of user interfaces on today's list.

Tutorials

Figma components tutorial: the management for Instances

Explore the advantages and limitations of swapping hidden layers and detaching a component for a new master design, inspired by Userpic design item.

Design & Code

Checkbox UI design – React component styled in Chakra

Discover stylish design ideas and code samples for a React checkbox component, designed in Figma and styled in Chakra. Get inspiration and live components to improve your UI design

Typography

The best 2023 fonts pairing for app design, website, or presentation

Discover the perfect combination of free fonts Outfit & Spline Sans, nominated by Setproduct design studio for use in 2023. For a website or complex dashboard or versatile pair

Technology

Adobe Creative Cloud is stealing UI designs to train the AI

Learn about the serious issue of Adobe Creative Cloud stealing artwork and causing concern in the creative community. Find out how to protect your work and what steps to take.

Design & Code

9 reasons to use Material UI kit for Next.js, TailwindCSS and Figma

Discover the 9 reasons why our Figma & Next.js library is the best choice for web applications, especially when styled with the trendy Material You design theme.

Optimisation

Expert advice: Choosing right Figma UI kit for iOS mobile app design

Maximize the consistency and UX of your iOS app by utilizing an iOS UI kit. Our guide highlights the advantages to streamline the mobile app development process.

Inspiration

Monetizing the design: what I learned after a year of non-stop UI grinding

Discover 15 key insights for successful digital products, from a UI designer who took matters into his own hands to create innovative designs for everyone.

Tutorials

How to create responsive mobile components in Figma

Create elegant and flexible design solutions for your projects in Figma, continually improving with each new endeavor.

Inspiration

Buttons UI design - Figma to React styled components

Enhance Material Design components for improved performance, usability, and visual appeal. Get our expert retouching services for your web design needs.

Tutorials

Table UI design tutorial – Figma data grid within single cell-component

Learn about the 3 different approaches to table design for creating a flexible data grid using row, column, and cell components. Gain the best practices for developing a web table.

Tutorials

React Tables UI for a design system in Figma

Learn how to create and implement tables in the Figma design system with the help of Storybook. Perfect for designers and developers looking to build design systems.

Tutorials

8 simple UI design tricks for more dynamics in static prototypes

Master UI techniques to elevate your designs and stand out on Dribbble. Impress customers and design team leaders with your attention to detail and high-quality work.

Inspiration

How to create UI kit - Design system to sell worldwide

Boost productivity and earn rewards with our design asset that accelerates work processes. Start optimizing your workflow today.

Presentation

Design system features - Start with the UI kit & app templates

Boost efficiency and save time by investing in a commercial design system for Figma or Sketch. Maximize productivity and streamline processes for your organization.

Resources

Free Figma resources — Best 15 templates of design systems, applications, icons and more

Discover time-saving and cost-cutting product design templates from the Figma community to enhance productivity. Streamline your workflow and save time with our curated collection.

Resources

Figma plugins review — Best 16 underrated plugins to speed up design workflow at the beginning of 2020

Discover our collection of tools for improving workflow, boosting productivity, and adding joy to the design process. Don't miss out on the fun!

Resources

Top 14 Figma plugins for fixing styles, manage grid, auto-layout, run tracking and more

Discover our reviewed plugins for enhancing your design process, including AutoGrid, Tracking, Find and Replace Colors, Spacing Manager, and Geometric.

Resources

Best 20 free Figma templates for your Design system, Dashboard or Application

Discover a range of Figma freebies including Ant UX Wireframes, Avatar Illustration System, Brainstorming Design System, Bright Kit, and Browk UI Kit.

Research

Remote work: 9 tips to manage your time and get more productivity at home

Learn effective time management techniques to increase your productivity and efficiency. Follow our simple rules for better time management.

Research

Figma for enterprise: Top 10 tech companies where design tool helped to grow

Discover the proven worth and wide functionality of Figma, the preferred design tool of major companies like Microsoft and Uber.

Case Studies

iOS / Android app case study — From Figma UI kit to application release

Discover the power of a pre-made UI kit in Figma and how it enabled the creation of a popular app now thriving in the App Store and Play Market.

Resources

Top 15 Figma resources: UI kit, design system, components, illustrations

Discover a curated selection of the latest Figma templates including UI kits, UX tools, design systems, icons, and illustrations, perfect for all your design needs. Explore now!

Research

6 ways to generate side income for designers and developers

Discover the potential of turning your side project into a successful business with Setproduct. Learn how this side project became the main source of income within just 2 months.

Resources

13 fresh and useful design resources of outgoing fall 2020

Discover top design industry resources for inspiration and workflow efficiency. Stay trendy with the best links handpicked just for you.

Resources

The most significant releases of 2020 on a UI design scene

Discover the major design world events of 2020 in our comprehensive summary, highlighting the significant changes and trends that shaped the year.

Resources

14 useful UI design resources handpicked. January 2021

Explore today's release featuring a wide selection of generators, inspiration sources, stylish icons, top 2020 products, and tools for exporting animations and GIFs.

Resources

16 fresh design resources of February 2021

Discover the latest insights on icons, emojis, illustrations, color theory, and enterprise tables, along with effective Figma plugins and sources for inspiration.

Presentation

Material–X: The tiny UI details you won't notice till you get too close

Discover the Material-X design system for Figma, featuring fresh and new UI tricks. Keep up with the latest updates and enhancements for a seamless design experience.

Case Studies

Why do we need UI kits: Our customer's redesign case study for ecommerce

Discover the redesign of GTrendz e-shop seller's panel by talented Indian freelancer Narendra Ram, using our Material-X UI kit. See how his work elevates the user experience.

Tutorials

Avatar UI design exploration — The states of userpic component

Optimize your SEO with our user-friendly Avatar component, perfect for representing user profile pictures with default content including initials or an empty state.

Tutorials

Accordion UI design exploration — Styles, states, usage, templates

Discover our Accordion UI (Expansion panel) for organizing and displaying more content in a vertically stacked list of options.

Tutorials

Badge UI design exploration — Tips & tricks, usability, and use cases review

Boost user engagement and interaction with our sleek and informative badges (tags), designed to indicate status, notifications, or events related to their objects in the UI.

Tutorials

App Bar UI design exploration — Anatomy, specs, states, templates

Maximize user navigation with an optimized Application Bar, displaying in-app controls for easy access to different app sections.

Resources

Top 11 design tools and resources to kickstart your project

Discover the top ProductHunt launches of 2022's first quarter in our review of the most popular products.

Inspiration

8 designers and developers bootstrapped a side project to success

Discover the inspiring stories of 8 Twitter designers and developers who bootstrapped their side projects to success. Learn how they found success and gain valuable insights .

Tutorials

How to design a landing page to improve conversions

Learn how to create a high-converting landing page with our design rules and website structure guide for a successful website. Boost your SEO and conversion rates now!

Tutorials

Breadcrumbs UI design exploration — Anatomy, UX tips, use cases overview

Breadcrumbs are navigational links used to indicate the current position within a website's multi-level structure. They are commonly utilized in web pages & dashboards

Tutorials

How to make 3D animation effect on page scroll HTML & JS

Learn how to create a webpage with the same interactive effect as the Apple AirPods page in this tutorial. Get step-by-step instructions for achieving this dynamic design.

Growth Hacking

Freelancer guide: how to switch from Fixed-Price to a Hourly Rate

Set a fair hourly rate to prevent scope creep and ensure projects stay within budget despite client changes.

Inspiration

Calendar UI design – Date picker best practices & inspiration

Looking for calendar and date picker UI design inspiration and UX tutorial? Get unstuck with useful UX guidance and an inspiration full of calendars to enjoy, steal, and remake.

Growth Hacking

Freelance designer tips: Difficult clients & endless design revisions

Learn effective tactics for managing challenging design clients and avoiding unpaid extra revisions. Protect your work and your time with solid strategies.

Technology

How is my clock hides behind a mountain? iOS 16 lock screen feature

Experience the stunning 3D-rendered mountain scenery created with cutting-edge technology by Apple. Our mountain landscape features lifelike textures, lighting, and shading.

Inspiration

Buttons UI design – Comprehensive tutorial on UX, styles and usability

Create intuitive and accessible buttons that seamlessly enhance user interaction, with a focus on style and feedback. Design with SEO optimization in mind.

Growth Hacking

Do you regret your career in graphic design? Let's find a renewal

Revamp your graphic design portfolio with current industry trends and reignite your passion for your career. Find fulfillment in your work again with a little help and inspiration.

Inspiration

Logo design ideas for creating a lasting visual identity

Create an effective logo with our guide, perfect for graphic designers, marketing professionals, and brand design agencies. Capture the essence of any brand with design principles.

Growth Hacking

Stressful phrases from clients in graphic design hated by designers

Learn how to manage client demands, set boundaries, and establish clear communication strategies to keep your design projects on track.

Design Trends

iOS 17 design trends: More depth and shadows in Apple's mobile GUI

Experience the enhanced user interface design of iPhones and iPads with iOS 17, featuring increased use of shadows and depth for a more immersive, tactile experience.

Tutorials

Filter UI Design: Tips and best practices for filtering UX flow

Improve UX and navigation efficiency with a well-designed filter system for complex data sets and product catalogs. Learn the secrets to enhanced user satisfaction in UI design.

Research

Difference Between Quality Control And Quality Assurance

Discover the differences between quality control and quality assurance and how they impact product and service excellence.

Technology

Designers are worrying about the future: AI's impact on graphic UI design

Discover the impact of AI technology in design with Firefly at Adobe. Explore the opportunities, challenges, and responsible practices that come with this transformative era.

Inspiration

Dropdown UI design – A guide for Anatomy, UX tips, and Use cases

Optimize Dropdowns for your brand, custom theming options, and accessibility best practices. Create captivating user experiences and enhance brand persona with design adventure.

Resources

18 design & developer resources to boost your productivity and creativity

Discover a wide range of design resources including texture and gradient generators, beautiful fonts, Figma plugins, AI tools, and much more for all your creative needs.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

FAQs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

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.

l am new to Figma. Should I try your kits?

Definitely! Our products help 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.

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 proiects with your products?

Yes! You can build an unlimited amount of commercial projects using Setproduct assets. But, please, consider a license type before making a purchase.

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 the production using a wide variety of popular frameworks and technologies.

If you have a project to design & develop, simply contact us describing your brief, budget, and expectations.

I 💜 Your designs, but can I have a discount?

We provide discounts for those, who scrolled to the bottom and revealed our proposal. 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 the upcoming purchase. Please, provide a specific product name you've put your eye on.