You do not have to start from an empty canvas. Agentic Canvas takes in HTML, Figma designs, common document and design files, and images.
Drop files onto Home
On Home, drop your work onto the Create new file area. It accepts:
- Figma files (.fig)
- HTML and MHTML pages
- A site folder or a .zip of one
- PDF, DOCX, PPTX, and MD documents
- PSD and AI design files
- Images
Paste HTML
Paste HTML onto the canvas and edit it like anything else there. Because the canvas works in HTML and CSS, the result stays code.
Copy and paste from Figma
Copy a selection in Figma and paste it onto the canvas. The canvas also has a Figma access token control at the top of the window; add a token there if the canvas asks for one.
Let your agent draft the first version
If an agent is connected, ask it to start a first draft right on the canvas, then refine it by hand. See Connect your agent to the canvas.
After you bring work in
What you bring in is kept with your other canvas files on your device. See Local storage. To change it, see Design on the canvas.
Questions and answers
Can I start from a Figma design? Yes. Drop a .fig file onto Home, or copy and paste from Figma.
Can I bring in a whole website? Yes. Drop a site folder or a .zip of it onto Home.
Does bringing in a file upload it somewhere? Your canvas files stay on your machine. Nothing is published unless you choose to share or publish.