Pencil turns canvas designs into production-ready code
By Steven Van ·
The design tool uses Claude and Codex to generate working code directly from layouts built on its canvas.
Pencil now generates production-ready code directly from designs on the canvas, using Claude and Codex. The announcement describes it as bringing design and code together on the same canvas, so a layout built visually in Pencil can be turned into working code without switching tools.
Pencil
Design on canvas, land in code — a design-to-code tool that turns visual layouts into production-ready code.
View Pencil →