Iterating on Canvas Apps with AI
The real power of canvas apps comes from iterative refinement. You don't need to describe everything perfectly upfront — start simple and refine through conversation.
Iteration techniques
Start with structure, then add polish
- First request: "Build a todo list app"
- Second: "Add drag-and-drop reordering"
- Third: "Use a dark theme with rounded cards"
Be specific about what to change
Instead of "make it look better", try:
- "Increase the font size of headings to 24px"
- "Add a subtle shadow to each card"
- "Use a gradient background from indigo to purple"
Reference existing designs
- "Style it like a macOS calculator"
- "Use a dashboard layout with sidebar navigation"
- "Make the cards look like Trello"
Handling complex apps
For more complex applications:
- Break the request into phases (layout first, then logic, then styling).
- Ask the agent to explain its approach before generating code.
- Use the Prompt Book for inspiration on how to phrase app requests.
Common pitfalls
- Avoid requesting too many features at once — iterate incrementally.
- If the agent loses context, start a new conversation and paste the current app code.
- Test interactive features (buttons, inputs, forms) after each iteration.