// tools · designer
Desenhe no celular. Entregue como código
Um canvas 2D com snap inteligente, catorze componentes e preview responsivo real — exporte HTML, CSS e SVG, ou React, Vue e Svelte. A IA transforma um brief em uma página.
Designer
14 componentes·6 formatos de export·7 modos responsivos·IA brief→design·5 templates
Um canvas que ajuda
Guias inteligentes, camadas e multipágina na palma da mão.
- Snap na grade com rótulos de distância em tempo real
- Multisseleção, alinhar e distribuir
- Camadas com lock, visibilidade e z-index
Responsivo de verdade
Preview em larguras reais de dispositivo, não uma simulação.
- @media queries reais disparando no preview
- Reflow com auto-stack para mobile
- Overrides por breakpoint, sem código
Do brief à página
Descreva uma tela; revise antes de aplicar.
- Fluxo de cinco fases: brief, perguntas, gerar, revisar, aplicar
- 20 tipos de página, 10+ estilos, 8 paletas
- Pontuação de autocrítica antes de aplicar
Exporte para código de produção
Do protótipo à base de código em um toque.
- HTML, CSS e SVG, grátis
- React (JSX), Vue (SFC) e Svelte
- Media queries e overrides preservados
// spec
A ficha técnica
Componentes integrados14
Formatos de export6 formats
Templates5 + market
Modos responsivos7 modes
Tipos de página da IA20
Estilos / paletas da IA10+ · 8
Zoom do canvas0.1–4×
Tokens de cor✓
plan.free
- ·Canvas e componentes completos
- ·Preview responsivo até desktop
- ·Export HTML, CSS e SVG
plan.premium
- +Export React, Vue e Svelte
- +AI Designer, Align e Component
- +Desktop-L e breakpoints personalizados
- +Designs baseados em template ilimitados
// funciona com