In most design tools a frame is a drawing of a page. In Agentic Canvas a frame is the page: real HTML and CSS, not a picture of it.
What that means while you design
- It behaves like the real thing. Frames are real pages, so animations, charts, and hover states work right on the canvas.
- Every edit is real code. When you resize, recolor, or rearrange by hand, the canvas changes the HTML and CSS underneath.
- Your agent works on the same thing you do. An agent reads and writes the same HTML you are looking at. See Connect your agent to the canvas.
What that means when you ship
What you design is what ships. There is no hand-off step where someone rebuilds the design as code, because it is already code. Export the HTML, hand it to a coding agent, or publish it. See Export, hand off, and publish.
Frames on the canvas
Draw a frame with Frame (F). A frame is the container a design lives in, and a file can hold many frames across several pages. See Design on the canvas.
Questions and answers
Is the design a picture or code? Code. Every frame is real HTML and CSS.
Do animations and hover states work on the canvas? Yes. Frames are real pages, so they work right on the canvas.
Do I need a developer to turn the design into a page? No. The design already is the page. Export the HTML or publish it.