Preview Frames X
Heatmap
in Figma
Heatmap charts display data using color intensity on a two-dimensional grid. They visualize patterns, trends, and correlations within data. More saturated colors usually represent higher volumes of values compared to less saturated colors.
One cool tip for working with Heatmaps is to use colors that represent the logic behind them. For example, if your heatmap shows the number of apples versus the number of vegetables, you can use red vs. green color to enhance the understanding of your data.
Tags:
heatmap charts
heatmap graphs
❖
❖
Consume great components
— produce great results
Complete design projects smarter — get paid more and grow faster
Frames X helps you effortlessly create and manage multiple projects and brands. With pre-built techniques, components and templates, you'll be able to take on bigger, more profitable projects.
✓
Universal design principles
✓
Reusable UI components
✓
Time-saving templates & elements
Time-saving templates & assets
✓
Unparalleled UI kit experience
Maintained since 2017
Frames X's ultimate goal is to provide creatives with UI assets that solve their daily digital routine tasks and give them more time for themselves.
Built for absolute customization
Frames X is the ultimate UI library with a focus on seamless customization — allowing easy product scaling, adoption, and infinite reusability.
The best UI library for Figma
The largest and ever-growing UI component library that provides over 20K components in 80+ different interface categories to build your project and business efficiently.
Master advanced UI design techniques
Instead of learning design from scratch, learn from real-world examples and master system design by interacting with it.
Maintained since 2017
Frames X's ultimate goal is to provide creatives with UI assets that solve their daily digital routine tasks and give them more time for themselves.
Built for absolute customization
Frames X is the ultimate UI library with a focus on seamless customization — allowing easy product scaling, adoption, and infinite reusability.
The best UI library for Figma
The largest and ever-growing UI component library that provides over 20K components in 80+ different interface categories to build your project and business efficiently.
Master advanced UI design techniques
Instead of learning design from scratch, learn from real-world examples and master system design by interacting with it.
Maintained since 2017
Frames X's ultimate goal is to provide creatives with UI assets that solve their daily digital routine tasks and give them more time for themselves.
Built for absolute customization
Frames X is the ultimate UI library with a focus on seamless customization — allowing easy product scaling, adoption, and infinite reusability.
The best UI library for Figma
The largest and ever-growing UI component library that provides over 20K components in 80+ different interface categories to build your project and business efficiently.
Master advanced UI design techniques
Instead of learning design from scratch, learn from real-world examples and master system design by interacting with it.
Pricing
Access the №1 UI Kit bundle and design system for Figma.
Use for personal, freelance, or team projects.
Personal 1 user
$
87
Yearly license. Perfect for designers, freelancers and solo developers. One year of updates, cancel anytime.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
1 Year of Updates
One year of updates for personal use
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Team 1 to 2 users
$
197
Lifetime License. License for professional teams, and studios, for up to 2 seats with free forever updates.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
Lifetime Updates
Free updates for your team, forever.
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Unlimited 3 to ∞ users
$
497
Lifetime License. License for unlimited seats, choice for enterprises and larger orgs with free forever updates.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
Lifetime Updates
Free updates for your team, forever.
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Pricing
Access the №1 UI Kit bundle and design system for Figma.
Use for personal, freelance, or team projects.
Personal 1 user
$
87
Yearly license. Perfect for designers, freelancers and solo developers. One year of updates, cancel anytime.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
1 Year of Updates
One year of updates for personal use
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Team 1 to 2 users
$
197
Lifetime License. License for professional teams, and studios, for up to 2 seats with free forever updates.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
Lifetime Updates
Free updates for your team, forever.
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Unlimited 3 to ∞ users
$
497
Lifetime License. License for unlimited seats, choice for enterprises and larger orgs with free forever updates.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
Lifetime Updates
Free updates for your team, forever.
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Pricing
Access the №1 UI Kit bundle and design system for Figma. Use for personal, freelance, or team projects.
Personal 1 user
$
87
Yearly license. Perfect for designers, freelancers and solo developers. One year of updates, cancel anytime.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
1 Year of Updates
One year of updates for personal use
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Team 1 to 2 users
$
197
Lifetime License. License for professional teams, and studios, for up to 2 seats with free forever updates.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
Lifetime Updates
Free updates for your team, forever.
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Unlimited 3 to ∞ users
$
497
Lifetime License. License for unlimited seats, choice for enterprises and larger orgs with free forever updates.
✓
Web UI Kit
World-largest UI kit & design system
✓
Mono UI Kit
Includes mono-styled UI kit for Figma
✓
Root UI Kit
New!!
Includes wireframe UI kit for Figma
✓
Reusable UI Components
Over 20K practical UI components
✓
Website Layouts
500+ website layout examples
✓
Dashboards & Charts
Charts templates & dashboard graphics
✓
Optimized Dark Mode
Switch between light & dark mode UI
✓
Figma Variables
Global parameters to control designs
✓
Figma Auto Layout
Includes Auto layout 5.0 & min/max wrap
✓
Typography Variables
Scalable & dynamic typography system
✓
Design Handbook
Documentation & best practices
✓
Interactive Components
Prototype interactions and patters
✓
Component properties
Multi-size variants & helpful properties
✓
UI Icons and logos
Includes open-source icons & logos
License
Lifetime Updates
Free updates for your team, forever.
Support
Premium Support
We'll reply to you promptly within 24 hours
Access to Community Chat
Chat to request help & share feedback
Popular questions
Find more answers to popular questions on our FAQs page.
Why do I need a UI kit?
A good UI kit is like a rare item in a video game, and Frames X is like a super-secret-legendary item. It will save you time and money, teach you new things about interface design, and increase your productivity in Figma. How?
Frames X offers legendary-level UI kits. Where each UI kit and component is useful on its own but even better when used together to solve routine design tasks efficiently.
Frames X is the largest and most robust UI library to exist — offering an unmatched level of detail and useful content.
Why do I need a UI kit?
A good UI kit is like a rare item in a video game, and Frames X is like a super-secret-legendary item. It will save you time and money, teach you new things about interface design, and increase your productivity in Figma. How?
Frames X offers legendary-level UI kits. Where each UI kit and component is useful on its own but even better when used together to solve routine design tasks efficiently.
Frames X is the largest and most robust UI library to exist — offering an unmatched level of detail and useful content.
Why do I need a UI kit?
A good UI kit is like a rare item in a video game, and Frames X is like a super-secret-legendary item. It will save you time and money, teach you new things about interface design, and increase your productivity in Figma. How?
Frames X offers legendary-level UI kits. Where each UI kit and component is useful on its own but even better when used together to solve routine design tasks efficiently.
Frames X is the largest and most robust UI library to exist — offering an unmatched level of detail and useful content.
So, is it a UI Kit, a Design System, or an eBook?
So, is it a UI Kit, a Design System, or an eBook?
So, is it a UI Kit, a Design System, or an eBook?
Can Frames X UI library help me create a design system?
Can Frames X UI library help me create a design system?
Can Frames X UI library help me create a design system?
Will my team or company benefit from this?
Will my team or company benefit from this?
Will my team or company benefit from this?
How to design a website or app with FramesX?
How to design a website or app with FramesX?
How to design a website or app with FramesX?
Can I use Frames X UI kits for commercial projects?
Can I use Frames X UI kits for commercial projects?
Can I use Frames X UI kits for commercial projects?
Do I need to be a pro with Figma?
Do I need to be a pro with Figma?
Do I need to be a pro with Figma?
How do I access UI library updates after purchasing?
How do I access UI library updates after purchasing?
How do I access UI library updates after purchasing?