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.0.9:

Added: ‘stop’ and ‘stopCircle’ and ‘stopSquare’ Icons.
Added: ‘loading’ component.
Modified: ‘playCircle’ and ‘playSquare’ Icons.
Modified: The margin between ‘checkbox groups’ has been changed from 16 to 32 pixels.
Modified: The corner radius of 'tabs' has been changed.
Fixed: ‘pauseSquare’ Icon name.
Fixed: The color of the ‘iconButton’ and ‘stepper’ components in their ‘disabled’ state.
Fixed: The color of the ‘rightIcon’ in the ‘badge’ component has now been corrected in dark mode.
Fixed: The color of the ‘input’ component has now been corrected in dark mode.
Fixed: The ‘accordion expanded’ gap component has been set to 16px.
Improved: General documents.

v1.0.8:

Improved: Button for toast ‘errorAction’ type.
Added: ‘forbidCicrle’ and ‘forbidSquare’ Icons.
Added: ‘forbid2Cicrle’ and ‘forbid2Square’ Icons.
Added: ‘Stepper’ component.
Modified: The border radius size of the ‘textArea’ component has been changed from 6 to 8.
Modified: The ‘radiusSm’ variable has been modified to 0p4375Rem (0.4375rem) which is 7.
Modified: The Syrian flag has been replaced.
Added: ‘phoenix’ emoji.
Added: iOS 18.4 emojis (Face with Bags Under Eyes, Fingerprint, Splatter, Root Vegetable, Leafless Tree, Harp, Shovel)
Modified: The 'base' collection variable is now known as 'natural'
Added: ‘crossCircle’ Icon.
Added: ‘drawing’ Icon.

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.