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.
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
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
// faq
Perguntas frequentes
Dá para desenhar telas de app visualmente no Android?
Sim. O designer visual é um canvas de arrastar e soltar com 14 componentes e zoom de 0,1x a 4x, permitindo montar telas de UI à mão e transformá-las em código de verdade, não em um mockup estático.
Ele pode gerar um design com IA?
Sim. Descreva a tela que você quer e o assistente de design com IA monta um layout inicial que você pode refinar, então não precisa posicionar cada elemento na mão — um jeito rápido de sair da ideia para uma UI editável.
Ele suporta layouts responsivos?
Sim. Você pode pré-visualizar designs em 7 modos e 20 tipos de página para ver como um layout se adapta a diferentes tamanhos de tela, e os design tokens mantêm espaçamento, cor e tipografia consistentes conforme a tela muda.
Para quais formatos os designs podem ser exportados?
Os designs exportam em 6 formatos e suportam design tokens, então seu trabalho visual vira código ou assets reais e utilizáveis em vez de uma imagem chapada — você pode entregá-lo ao editor de código e continuar construindo dali.
O designer funciona offline?
Sim. O designer roda inteiramente no aparelho no Android 9 e versões mais novas, então você constrói, pré-visualiza e exporta UI sem nenhuma conexão com a internet — igual a todas as outras ferramentas do PocketCode.