Creating a design with Kajoo GenUI

Easily create components with AI by providing prompts or selecting pre-built options. Follow the steps below to generate a component with AI.

1. Access the Feature

• In the "AI Design to Code" section, click "Generate with AI".

2. Use the Pop-Up Option

A pop-up will appear, where you can:

• Enter a prompt to describe your component requirements.
• Select predefined options for components.
• Customize the color and theme as needed.

3. Generate Your Component

• Click the "Generate" button to create the component.
• The generated component will appear on the canvas.

4. Customize the Component

• Use the options highlighted in the interface to make changes, such as resizing or repositioning elements:

5. Additional Options

• Insert Elements and Components: Use the dropdown menu to include additional elements or components.

6. Edit with AI

• Select "Edit with AI" to modify the component by typing prompts describing the required changes.

7. Bind Data to Components

• Click on the data icon to bind data to the selected element or component (explained in the Content modeling user guide in detail).

8. Adjust Component Settings

• Customize the tag and type of the component by clicking on the settings icon.

You're all set!

Now you can efficiently create, customize, and enhance components using Kajoo’s "AI Design to Code" tools!