Once UI
p/once-ui-for-figma
We let designers code and developers design
Lorant One
Once UI 3 — Advanced design system for Figma
Featured
15
Focus on design while Once UI handles prototypes, documentation and handoff. Explore a framework for building world-class products, craft 'wow-worthy' prototypes, and hand off to developers without a glitch. Now 80% leaner & 100% smarter.
Replies
Best
Lorant One
Hey Product Hunt! I'm Lorant, the founder of Once UI. With our design and front-end developer team, we set out on a mission over a year ago: to create a unique and powerful design system that goes beyond aesthetics, and lets you build products for real-world, everyday use. ✴️ We believe that the best design systems are compact and well-documented, making them easy to learn. ✴️ We advocate for designers and developers using a shared framework, allowing them to speak the same language. ✴️ We know that speed matters, and success often depends on being the first to cross the line with your product. Who is Once UI for? ⚡ Freelance designers ⚡ Design-minded founders ⚡ Product teams What can you do with Once UI? ❖ Manage themes, colors, responsive layouts, loading and empty states, and more. Adopt a powerful token system—no need to start from scratch. ❖ Design fully responsive screens, for any device. ❖ Craft beautiful visualizations with a responsive, customizable data viz module. ❖ Design social apps with a dedicated social module. ❖ Bring ideas to life with interactive prototypes. Once UI is also fully documented, making it easy to learn and adapt to your needs. The token system for Figma and CSS, at the core of Once UI, is available for FREE. The complete component library comes with the PRO plan. Use the "PRODUCTHUNT" discount code for 25% off (exclusively for Product Hunt members). Give it a try, and let us know what you think! We’d love to hear your feedback.
Lorant One
@meryem_ghazi Thank you Meryem, appreciate your kind words! I'm sure most designers have more pressing issues than those you've mentioned and hopefully our tool will help them concentrate on what truly matters: creating an impactful product, solving real problems and delivering an exceptional user experience.
Oliver Bahne
Really cool UI - definitely one of the most structured systems I've seen produced in Figma. Will you be launching a light-version in the future?
Lorant One
@oliver_bahne Hey Oliver, thanks for the kind words! Light mode is managed automatically with variables - switch between modes with a single click! The system is also capable of supporting multiple brands seamlessly in a similar way. I recommend you to check out the "Examples" page in the preview file.
Lorant One
@oliver_bahne No worries, thanks for checking out our launch!
Tuams
What a valuable resource! Lorant's approach is highly detailed and taking into consideration nuances of interaction. So nice to see this project evolve!
Garen Orchyan
Great job team! Big congratulations and best of luck to you today. ❤️🦄
Lorant One
@orchyan Thank you Garen, good luck with your upcoming launch as well! :)
Marcelo Andrade Perino
Very cool!
Umar Adamu
This is very good one
Lorant One
@umar_adamu1 Glad you like it!