# 👏 What's Ugic

## Introduction

Ugic is an AI-powered tool capable of rapidly generating UI designs based on component libraries.

**Personalized Component Libraries**: Choose your preferred component library, whether it's a community-shared or 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.

###   ➡️  [Get Started](https://www.figma.com/community/plugin/1402614000214503826/ugic)  

## Just 1 steps to start your generation journey

Go to the community to download a component library file. Open the plugin within the component library file.

{% embed url="<https://www.youtube.com/watch?v=fWyOAT_j2nw>" %}

### &#x20; ➡️  [Get Started](https://www.figma.com/community/plugin/1402614000214503826/ugic) &#x20;

## Cross-file use

You don't need to access the component library file to generate UI every time. If you wish to generate UI under any file, you've come to the right place.

### It takes only 3 steps to Cross-file use

1. Access the published team library file.
2. Open the plugin and navigate to the 'Personal Library'.
3. Click 'Upload', and once the process is complete, you can use this component library to generate UI within any file as needed.

{% embed url="<https://www.youtube.com/watch?v=6jWlvxuCAeY>" %}

### &#x20; ➡️  [Get Started](https://www.figma.com/community/plugin/1402614000214503826/ugic) &#x20;

## How to use the invitation code

After opening the plugin, click on the icon in the upper right corner to input the invitation code

{% embed url="<https://www.youtube.com/watch?v=VDsIUO1DxhI>" %}

### &#x20; ➡️  [Get Started](https://www.figma.com/community/plugin/1402614000214503826/ugic) &#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.ugic.ai/whats-ugic.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.