Real HTML and CSS
No proprietary vector format. Frames are flexbox, text is text, and code export is exact.
The design canvas
for teams and agents
Real HTML and CSS on an infinite canvas. Built for designers, developers and the agents working beside them.
Claude CodeCodexCursorAmpClaudeChatGPTWindsurf
Works with the agents you already use, over MCP
A canvas made of the web itself. Every frame in Skribble is a real DOM node with real CSS: flex layout, tokens, gradients and shaders. What you draw is what ships, and every agent can read it.
Built for agents
A cloud MCP server gives Claude, Cursor and Codex the same canvas your team works on.
Multiplayer by default
Live cursors, follow mode, comments pinned to elements and presence for people and agents alike.
Design on
the real thing
Lay out screens with flex and auto layout, theme them with tokens, and drop in shaders, video and rich text. Components, variants and an organization asset library keep everyone on the same system.
Start designingFeatures
- Flex layout
- Design tokens & themes
- Shaders
- Components & variants
- Asset library
- Frame presets
Agents as
collaborators
Connect any MCP client with OAuth or an API key. Agents read your designs, build screens section by section, and show up on the canvas with their own cursor, name and history.
Connect your agentFeatures
- Cloud MCP server
- OAuth & API keys
- Agent presence
- Comment replies
Branch, review
and merge
Explore on a branch without touching main. Compare it side by side, merge what works and archive the rest. Agents propose in your Scratchpad and only land changes through a reviewed branch.
See branchesFeatures
- Branches & forks
- Visual compare
- Scratchpad
- Checkpoints
- Point-in-time history
- Restorable versions
Export
anything
Render any frame to PNG, JPG, WebP, SVG or PDF, record animations to MP4 and WebM, or package a selection as HTML, React or Tailwind code with its tokens.
Try an exportFeatures
- Image & PDF export
- Video export
- HTML, React & Tailwind
- Share links
