Homay Design System - UI Kit for Figma

A thoughtfully designed system built to streamline your workflow and enhance efficiency.

The Homay Design System is a thoughtfully designed UI library powered by design tokens, with tools that streamline design processes. providing seamless integration for high-fidelity design and prototyping.

➡️ Visit Homay Design System Website

Precision and speed redefined. Homay’s UI components, built around robust design tokens, offer effortless customization to help you create designs quickly and accurately.

Intuitive color tokens. Our components utilize semantic color tokens, simplifying color application, modification, and overall understanding within your projects.

Curated, customizable components. Avoid clutter with a carefully crafted library of UX-friendly and customizable components.

Consistent and contrast-based color system. Achieve scalable, accessible, and visually consistent designs.

Homay Icon Library. Enjoy a collection of polished, pixel-perfect icons (24x24) tailored to your design needs.

📜 Recent Changelogs:

v1.1.5:

Added: The ‘userCircleEdit’, ‘userCirclePlus’, ‘userCircleMinus’, ‘userCircleCross’, ‘alignJustify’, ‘alignCenter’ Icons.
Added: New Simple Login Page.
Added: The circular style has been added to the Flags.
Added: The ‘textEditors’ component.
Added: The ‘helperText’ variable has also been added to the left side of the ‘input’.
Added: The circularFlag has been added to the ‘button’ and ‘iconButton’ components.
Added: Two Circular Flag packs have been added.
Improved: The ‘choiceBox’ component is now lighter and supports Payment, Avatar, and Image features.
Improved: Now you can view the icons in the Figma Asset Browser, organized by category.
Improved: The logo variable size has been optimized in the ‘button’ and ‘iconButton’ components.
Modified: The ‘iconButton’ component has been moved to the ‘button’ component page.
Modified: The naming structure of subcomponents for each main component has been revised.
Modified: The ‘underline’ icon has been modified.
Modified: The ‘bold’ icon has been modified.
Fixed: The focused state for all components has been unified under a single effect, both with and without strokes.

v1.1.4:

Added: The ‘cabin2’, ‘circle3d’, ‘circle3d2’ and ‘skull’ Icons.
Added: New Template: Linked Devices Setting.
Added: The ‘label’ and ‘flag’ variants has been added to the ‘button’ and ‘iconButton’ components.
Added: The ‘avatarGroup’ to the ‘iconButton’ component.
Added: ‘formLogin’ and ‘formSignUp’ components.
Added: ‘button’, ‘checkBox’, ‘radioButton’, and ‘toggle’ components have been added to the ‘menu’ and ‘subMenu’ components.
Improved: ‘tooltip’ component.
Modified: The font weight of the ‘button’ component has been updated from ‘regular’ to ‘medium’.
Fixed: The color issue of ‘helper’ icon in the ‘input’ and ‘textArea’ components.

Unlock unlimited access to the Design System with a single purchase

including all future updates at no extra cost.

What’s Included?

• Homay for Figma. A comprehensive component library featuring over 5000 customizable, accessible components with Figma’s latest features.
• Icon Library. over 1800 customizable, accessible Icons with Figma’s latest features.
• Lifetime Free Updates. Get complimentary access to product updates.

Frequently Asked Questions

What is a Design System? A design system is a collection of reusable components, guidelines, and standards that ensure consistency and efficiency in creating user interfaces across products and teams.

What is the purpose of having a design system? A design system helps you streamline the design process in both large and small projects. Remember, a design system is not a website or app builder. It shouldn’t limit your creativity in design but rather enhance your speed in bringing your ideas to life.

Why should I trust and purchase Homay? Homay is a Figma-based design system created by UI designers with over 10 years of experience. Our top priority is continuously improving the system and providing dedicated support to our users.

Is prior Figma expertise required? Not at all. Whether you’re a complete beginner or just starting out with interface design, the Homay Design System is designed to help you learn Figma’s fundamentals while building sleek, modern, and functional interfaces.

Do I need a Figma Professional plan to use Homay Design System? No, you don’t. Figma’s Starter plan is entirely free for individuals and offers all the essential features to work efficiently with Homay Design System.

Will there be updates or improvements for Homay in the future? Yes, absolutely! Regular updates will be released to improve the design system. Notifications will be sent via Email, X, and Gumroad.

Need help?
Email us at hello@homay.io or DM on X.