Div-idy logo
All docs Create an Account Start Building

How Prompt-Based Web Building Works in Div-idy

Instead of dragging and dropping blocks, you tell the AI what you want to build. Then you refine it with simple follow-up edits—no need to repeat your entire prompt. And if you don’t like the result, Undo/Redo has you covered.

Updated Time: ~3–5 minutes Audience: Beginners
Start with a Prompt Go to My Projects Next: Create a Web App

Quick Answer

Div-idy is a prompt-based web builder: you describe what you want (one sentence is fine), click Generate, and Div-idy writes the code. To make changes, write a short edit prompt (you don’t need to restate the full original prompt). If the change isn’t what you wanted, click Undo to revert or Redo to reapply.

Why prompt-based beats drag-and-drop

  • Faster start: Go from idea → working app in seconds.
  • Less busywork: You’re not manually placing every element on the page.
  • Real code output: Div-idy generates HTML, CSS, and JavaScript you can build on.
  • Better iteration: Small prompts let you evolve the app naturally over time.
Our take

We think drag-and-drop will feel outdated for many use cases—prompting is simply a faster way to build and iterate.

How the workflow works

1

Write what you want to build

Start with one clear prompt that describes the app and the main features. 

Example prompt:
Build a simple landing page for a coffee shop with a hero section,
menu preview, and a contact form.
2

Click Generate

Div-idy generates the code and loads your app. 

Click: Generate
Wait a few seconds → Your web app loads.
3

Make edits with short follow-up prompts

You don’t have to repeat the full prompt again. Just ask for the change you want. 

Example edit prompts (short is good):
- Make the header sticky and add a subtle shadow.
- Change the color theme to dark mode.
- Add a testimonials section under the menu.
- Make the buttons larger on mobile.
4

Undo / Redo if you don’t like the result

If a change goes in the wrong direction, use Undo to revert. If you change your mind, use Redo. 

Buttons:
- Undo → revert the last change
- Redo → reapply the reverted change

Tips for better prompts

  • Be specific about outcomes: “Add a search bar that filters the list” beats “add search.”
  • Give a priority order: “Focus on mobile layout first” helps.
  • Iterate in small steps: One change at a time is easier to control (and easier to Undo).
  • Describe behavior, not code: You can say what you want it to do—Div-idy handles the implementation.
← Back to Documentation Next: Create a Web App →