Ugic

Ugic

Generate multi-language Figma designs from component library

Ugic is a Figma plugin. It can generate customized AI-driven, multi-language Figma designs based on user component libraries and design systems.Hello Product Hunt! šŸŽ‰

After more than a year of exploration and developmentļ¼Œweā€™re super excited to introduce Ugic to this amazing community!I

Ugic is the first Figma plugin to generate multi-language UI drafts from your own component library.

šŸ”— Plugin link: https://www.figma.com/community/... šŸ”—Join our Discord group for more help and information: https://discord.gg/g8jvy2UmEd

Reflecting on this journey, starting from testing with GPT-3.5 in May 2023 to now, our goal has always been unswerving: to transform the current AI2UI product market, which is currently ruled by templated and poorly scalable solutions, by achieving a deep AI understanding of product requirements. We came to realize that pixel-perfect UI drawing is not the ultimate goal. After all, the manual process that designers go through has actually been a way to gather inspiration and insights through continuous iteration.

If our goal is to find the "right" interface, then manually drawing UI is just one of the means to achieve this goal. Based on this understanding, the iterations of our plugin will focus on three key elements in the long term: speed, understanding, and quality. āœØSpeed is a must. We believe that AI generation should be in sync with human thinking, without interrupting the creativity spark. This requires our tool to respond quickly, keeping up with the designerā€™s thought process. āœØUnderstanding refers to the AIā€™s ability to grasp the business context and goals, leading to appropriate design solutions. This not only relies on data and models but also requires designers to provide clear background information and continuous feedback. āœØQuality is mainly the visual performance, which directly impacts the userā€™s first impression. Although this is a dynamic metric, we maintain high standards to ensure that the generated results meet professional levels.

After several iterations, our plugin now has the following capabilities: āœ… Personalized Component Libraries: Choose your preferred component library, whether itā€™s community-shared or a personally customized one. āœ…Text-to-Structure Conversion: Enter long-form text, and Ugic intelligently transforms it into a page structure, allowing you to preview and adjust before generation to ensure the design meets your expectations. āœ…Multi-Language Support: Ugic supports input in English, Chinese, French, Italian, Japanese, Korean, and dozens of other languages. No matter your language preference, Ugic can generate a UI in the corresponding language. āœ… Iterative Design: After generation, you can easily adjust the page structure and iterate on the design until it aligns with your vision.

For pricing, Ugic currently offers only a paid version. Honestly, this was a tough decision. After a deliberate consideration, we realized that to maintain Ugicā€™s high output quality, we must use top-notch large language models at every stage. This means that the cost per generation is relatively high. If we offered a free trial, we might not last long before having to shut down.

I'm aware this may disappoint some friends. But think about this: isnā€™t a tool that significantly enhances efficiency and sparks creativity worth investing in? We firmly believe that Ugic can bring tangible value to designers.

For those interested in more details about the costs, weā€™ve prepared a detailed cost breakdown document: https://docs.google.com/document...

In the future, we will continue to optimize and expand the pluginā€™s functionality, exploring more possibilities in AI-assisted design. We invite everyone to stay tuned for our progress and join us in this magical journey!

Ugic TeamHey Giddens! Great job here. Ugic looks so cool even more when we talk on Unlimited Styles and AI Generation. Hope all the makers feel the same and wish you all the best on this impressive launchImpressive! Ugic is the AI tool that product managers dream of, quickly converting PRD into UI drafts. Although it can't directly go into development and still needs some design optimization, it can already save a lot of time! Congrats!@zenda1122 Absolutely, we're glad to hear you're excited about Ugic! It's designed to be a time-saver for product managers and a bridge between PRD and UI design. We're working on continuous enhancements to make the process even smoother. Thanks for the congrats, and we can't wait to show you what's next!

Fill out the form to get an Invitation Codeļ¼š https://forms.gle/GwwtDSsyWVAshaedACongratulations on the launch! I could check it on Figma, and seems like you have done a good job there. Will introduce this to my team. However, your website seems to be broken. I can't navigate to it through that "Visit" button above in this launch page. You might want to fix it soon as you can lose out on potential traffic and users without it.@naomigarcia Thank you for the kind words and for bringing the issue to our attention! We're pleased to hear that you're interested in our Figma integration and have already addressed the website issue.

Please fill out this form, and we will send you an invitation code to try out our product. We appreciate your support and look forward to having you and your team experience our platform.

Fill out the form to get an Invitation Codeļ¼š https://forms.gle/GwwtDSsyWVAshaedA

Recent Publications