![](assets/img/hero/hero-left-shape-3-1.png)
![](assets/img/hero/hero-gradient-3.jpg)
Hivel Design System
for Figma
Design simplicity meets limitless creativity
![](assets/img/Hive/hivel.png)
![](assets/img/hero/hero-img-3-1-3.png)
WHY HIVEL
The Most efficient design system
or UI kit for Figma!
Hivel is a collection of design components and guidelines that ensures visual consistency and efficiency in the design process.
What makes Hivel different is it’s simplicity, there’s no need to have thousands of variants, you get exactly what you want and what you really need.
Hivel uses Figma functionalities like booleans and swapping instances to reduce the number of components but multiplying the number of possible variants, making it an ideal choice for designers seeking both efficiency and creative freedom.
![](assets/img/Hive/variants.png)
Essential components endless variants
Hivel's foundation lies in its comprehensive set of base components, ensuring that designers have a strong starting point for their projects. What truly sets Hivel apart is eliminating the need for an endless array of variants and simplifying design customization to a whole new level.
Always updating Hivel to Figma's capabilities
Figma keeps growing and improving it’s capabilities, and Hivel is growing with it! We already introduced variables and tokens in our design system, and all our components are with the latest auto-layout properties.
![](assets/img/Hive/variables.png)
![](assets/img/Hive/icons.png)
IconScout library to make developers lives easier
IconScout is an open-source icons library filled with over 4,500+ icon fonts and SVG icons with over 21+ categories. We added the Outline style for the design system but can be easily replaced with their Figma plugin.
Dark & Light mode setup
Our design system incorporates a light/dark mode setup, employing variables and tokens. This approach ensures consistent and visually appealing user experiences across digital products, effortlessly transitioning between light and dark themes to meet diverse user preferences and contexts.
![](assets/img/Hive/modes.png)
![](assets/img/Hive/styles.png)
Figma Styles for fonts, gradients, avatars & effects
We continue to leverage Figma styles for typography, gradients, avatars, and effects within our design system. This ensures design consistency and efficiency while harnessing the power of variables and tokens.
Who is Hivel built for?
Beginner
Hivel provides a user-friendly and intuitive interface, making it an ideal choice for beginners looking to quickly grasp design fundamentals and create professional-looking designs.
Expert
Hivel allows you to cut to the chase. No more trawling through thousands of variants and examples to get to what you want so you can push the boundaries of creativity and design complexity while maintaining efficiency.
Teams
Hivel facilitates teamwork with intuitively named variables and its well-organised library, ensuring that design projects remain consistent and easily adaptable, even in collaborative environments.
Find the right plan for you
All of our plans include full access to everything, the only thing that changes is how many users can access it.
Support
Frequently
Asked Questions
CONTACT US
We'd love to hear from you
You can send us a message using our email at hello@hivelds.com or through our social media channels.
The ultimate design system for Figma
Are you ready to work faster and more efficiently?
Get Hivel Now