The AI Vibe Coding Canvas

AI Canvas is a workspace for turning an idea into a draft, exploring how it works, and making changes through conversation. You can use it for code, notes, outlines, and simple web-page prototypes.

What you can make

• Notes and outlines for organizing an idea or documenting a project.
• Code that you can read and edit in the Canvas.
• HTML pages that you can preview while you work.

Work with an artifact

Start with a request in chat, then ask follow-up questions or describe a change. For example, you can ask for an outline, request a different look for a page, or ask for an explanation of part of your code.

The Canvas shows your conversation alongside the current artifact. HTML pages can be previewed; other content can be viewed or edited in the Canvas. Your work is saved with its chat so you can return to a previous session.

Keep or revisit a version

Use Save version to keep a checkpoint of an artifact. History lets you review saved versions and restore one if you want to return to it. Use Export to download a copy of the current artifact.

Canvas activities in courses

Some lessons include a Canvas activity with starter material and instructions. Open the activity from the lesson and work on it there.

Tips for useful requests

• Describe the goal and who the result is for.
• Give one or two examples of the style or content you want.
• Make changes in manageable steps, then ask follow-up questions when something is unclear.