Roadmap · 4B Pen

Shipped

Shipped
A real design canvas
Pages, layers, auto layout, components and variables, and it opens .fig files.
Shipped
Projects are folders
Every design lives in a folder on your computer, with its code beside it.
Shipped
Code beside the canvas
Code files open in tabs next to your design.
Shipped
Your agent in the terminal
Claude Code and Codex set up in one click; other terminal agents work too.
Shipped
Agents see the canvas
Your agent reads what you select, with no extra install.
Shipped
Build
Turn a design into a working app in your project.
Shipped
Deploy to Cloudflare
Ship the app from the Run menu; a failed build goes to your agent to fix.

Now

In progress
Live URL in the app
See your deployed address right after Deploy, and check before you ship.
In progress
A calmer window
One switch between Agent and Design, with Run, Share and people in the title bar.
In progress
Signed installers
Signed, notarised downloads and automatic updates.

Next

Planned
Design next to preview
Compare a frame with the running page side by side.
Planned
Frames know their pages
Link a frame to a route so changes land in the right file.
Planned
Chats without a project
A scratch space for quick design-only conversations.

Later

Exploring
4B Pen Cloud
Sync projects between computers and share links.
Exploring
Teams
Design together in real time, with shared team libraries.