Introduction: Ugic

After more than a year of exploration and development, our Figma plugin, Ugic, is officially launched.

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

Plugin link: https://figma.com/community/plugin/1402614000214503826/ugic

Reflecting on this journey, starting from testing with GPT-3.5 in May 2023 to now(https://x.com/yancymin/status/1795308932216525229), 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/d/1Fr9CiHUPQjKsh6qM3Ts-dHUP...

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!