Homay Design System - UI Kit for Figma

The easiest-to-edit design system for Figma, built to speed up your workflow.

The Homay Design Systemis 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.8:

• Added: New Template: isom Landing Page.
• Added: The ‘uploader’ component.
• Added: The ‘modal’ component.
• Added: The ‘carousel’ component.
• Added: New ‘signIn’ form.
• Added: The ‘imageUpload’ icon.
• Improved: The color contrast in the ‘slider’ and ‘progressBar’ components has been improved.
• Improved: The ‘form’ component has been optimized for better integration and reuse within other components such as modals.
• Improved: The star in the ‘verifiedStar’ icon has been fixed.
• Modified: The colors of the command, code block, and divider components have been adjusted.
• Modified: The color of the helper text and optional label in the ‘input’ and ‘textArea’ components has been changed to text tertiary.
• Fixed: The ‘input OTP’ component padding has been fixed.

v1.1.7:

• Added: New Template: Feri Store.
• Added: The new size and style of the logo have been added to the ‘tag’ component.
• Added: The ‘shortcut’ component.
• Added: The ‘toggle’ component now supports the pilled style.
• Added: The date range selection style has been added to the ‘calendar’ component.
• Added: The ‘selected’ state variant has been added to the ‘button’ and ‘iconButton’ components.
• Added: The ‘image’ variant has been added to the ‘iconButton’ component.
• Added: The ‘image’ style variant has been added to the ‘tag’ component.
• Improved: The ‘input’ component now supports ‘shortcut’, ‘paymentLogo’, and ‘rightLogo’.
• Improved: Now, the left container and right container have been added to the ‘input’ and ‘button’ components to make element control easier.
• Improved: In the past, the ‘button’ component was linked to the ‘comboBox’ component, but now the ‘input’ component has been added for better performance.
• Improved: The ‘iconButton’ component now supports the use of ‘text’.
• Improved: The pointer position in the ‘tooltip’ component is now customizable.
• Improved: The ‘calendar’ component has been optimized.
• Modified: The corner radius of the ‘tab’ component now matches the corner radius of the components inside it.
• Modified: The stroke in the ‘input’ component has been updated, and the shadow has been removed.
• Modified: The ‘loading’ spinner component has been changed.
• Modified: The ‘radioButton’ and ‘checkBox’ components have been filled.
• Fixed: The ‘input’ component sizes for devices.

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.