// tools · designer
Design it on the phone. Ship it as code_
A 2D canvas with smart snapping, fourteen components and real responsive preview — export HTML, CSS and SVG, or React, Vue and Svelte. AI turns a brief into a page.
Designer
14 components·6 export formats·7 responsive modes·AI brief→design·5 templates
A canvas that helps
Smart guides, layers and multi-page in your hand.
- Snap-to-grid with live distance labels
- Multi-select, align and distribute
- Layers with lock, visibility and z-index
Responsive, for real
Preview at true device widths, not a simulation.
- Real @media queries fire in the preview
- Auto-stack reflow to mobile
- Per-breakpoint overrides, no code
Brief to page
Describe a screen; review before it lands.
- Five-phase flow: brief, questions, generate, review, apply
- 20 page types, 10+ styles, 8 palettes
- Self-critique score before applying
Export to production code
From prototype to codebase in one tap.
- HTML, CSS and SVG, free
- React (JSX), Vue (SFC) and Svelte
- Media queries and overrides preserved
// spec
The spec sheet
Built-in components14
Export formats6 formats
Templates5 + market
Responsive modes7 modes
AI page types20
AI styles / palettes10+ · 8
Canvas zoom0.1–4×
Colour tokens✓
plan.free
- ·Full canvas and components
- ·Responsive preview to desktop
- ·Export HTML, CSS and SVG
plan.premium
- +Export React, Vue and Svelte
- +AI Designer, Align and Component
- +Desktop-L and custom breakpoints
- +Unlimited template-based designs
// works with