Webdraw is designed to be AI-first; all generated apps have native AI models integration capabilities by default.

Prompts enhance the context of your generations by providing additional information to our system.

By default, you’ll see the HTML + VueJS prompt active, which enables HTML file creation.

In this example, we’ll demonstrate how to use our AI Native text generation.

Step 1: Open Your Prompt Library

At the top of the canvas, you will see the plus sign. Click on it.

Open prompt window

Alternatively, select the prompt icon in your action bar.

Open prompt window

Step 2: Select the Gen Text Prompt

Click on the Gen Text icon, and the prompt will appear on the canvas as a new element.

Selecting a prompt

Step 3: Activate the Prompt

To include a prompt in your generation, you need to activate it.

Activate a prompt

Once you activate a prompt, it will appear in your active prompt list in the right corner of the screen.

Activate a prompt

Step 4: Generate Using the Active Prompt

Execute your generation to see the final result.

Generate using the prompt

Step 5 (Optional): Edit the Prompt

If you need to edit the prompt, click the Edit button.

Open prompt window

Then click the check icon to save your changes.

Step 6: Deactivate the Prompt

If you feel the prompt isn’t helping with your generation, you can deactivate it by clicking in the right corner of your active prompts.

Considerations & Tips

  • Always verify which prompts are active
  • Prompts take precedence over your instructions in the canvas
  • If you’re having trouble with a prompt, try breaking it down into smaller prompts