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 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










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.


Best E-Commerce Dashboard Templates & Examples

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


Best Analytics Dashboard Examples

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


Marketing Dashboard Examples & Templates

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


Top Dashboard Design Examples & Ideas. Dashboard Inspiration

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


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.


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.


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.


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.


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.


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.


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.


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.


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.


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.


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


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.


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.


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


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


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.


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.


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.


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.


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.


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.


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.


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.


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.


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.


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.


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!


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.


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.


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.


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.


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!


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.


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.


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.


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.


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.


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.


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.


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.


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.


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.


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.


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 .


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!


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


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.


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.


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.


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.


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.


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.


Difference Between Quality Control And Quality Assurance

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


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.


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.


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.


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.