PocketCode · DesignerDesenhe no celular. Entregue como código
Canvas 2D com snap inteligente, 49 componentes e preview responsivo real. Exporte HTML, CSS, SVG, React, Vue e Svelte. A IA do Pro cria páginas a partir de um brief, com a sua própria chave.
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 do canvas em sete larguras, de 320 a 1440 px.
- Sete larguras de preview e breakpoints próprios de 100 a 2000 px
- Reflow com auto-stack para mobile
- Overrides por breakpoint, sem código
Do brief à página
Descreva uma tela e ela volta como um design que você pode editar.
- Brief, tipo de página, estilo e design system, e Gerar
- 20 tipos de página, 10 estilos, 14 design systems integrados
- Pontuação de autocrítica; tela de revisão só se a validação achar problemas
Exporte para código de produção
Do protótipo à base de código em um toque.
- HTML, CSS, SVG, ZIP e .pcd, 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: Original, Mobile, Tablet, Desktop e breakpoints personalizados
- ·Export HTML, CSS, SVG, ZIP e .pcd
plan.pro
- +Export React, Vue e Svelte
- +AI Design: um design novo a partir de um brief
- +Previews Mobile S, Mobile L e Desktop L
- +Sem limite de plano em designs baseados em template (Free: 3)
// 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 49 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, com Pro e a sua própria chave de provedor de IA. Descreva a tela, escolha um tipo de página, um estilo e um design system, e a IA monta um design novo no canvas que você pode editar depois, então não precisa posicionar cada elemento na mão.
Ele suporta layouts responsivos?
Sim. Você pode pré-visualizar designs em 7 larguras (de 320 px a 1440 px; três delas são Pro) para ver como um layout se adapta a diferentes tamanhos de tela, e editar overrides por breakpoint (de 100 a 2000 px) que são exportados como regras @media reais.
Para quais formatos os designs podem ser exportados?
Os designs exportam como HTML, CSS, SVG, React, Vue, Svelte, ZIP ou um arquivo de projeto .pcd (React, Vue e Svelte são Pro) 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?
Em grande parte, sim. O designer roda no aparelho no Android 9 e versões mais novas, então, depois de entrar, você constrói, pré-visualiza e exporta UI sem conexão com a internet. O design com IA precisa do seu provedor de IA, e as fontes web carregam pela rede.