Claude Code can't read the artboards of a Claude Design canvas artifact
Status Open
Maintainer reply None cached
Workaround ✓ Mentioned in description ↑
Activity 2 comments · opened Oct 4, 2026
Problem
When a Claude Design canvas artifact is attached to a Claude Code session (via /artifacts), Claude cannot read the canvas's actual designs, so it can't build code from them.
What was tried
- Artifact tool,
action: readon the canvas URL returns only the Design type's runtime shell (index.htmlthat loadsartifact-type/app.js). The README in that page says the canvas content lives in files underproject/(project/canvas.jsonand oneproject/<path>.dc.htmlper artboard), but the read action exposes no way to fetch them. Passing a path inside the artifact URL is rejected: "urlnames a path inside the artifact — pass the artifact's own URL". - Artifact tool,
action: read_dbon the canvas returns nothing (collectionprojectis empty). - DesignSync tool (after
/design-loginand/design consent)list_projectsonly returns design-system-type projects. The canvas isn't listed, solist_files/get_filecan't reach it.
Expected
Claude can read a canvas's project/canvas.json and its .dc.html artboards, e.g. via an Artifact read option for files inside the artifact, or DesignSync access to canvas projects.
Use case
Design mobile screens in a Claude Design canvas, then ask Claude Code to build the matching Flutter widgets from them. Right now the only workaround is manually exporting artboards into the repo.
🤖 Generated with Claude Code
This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗