De captura para interface
Envie uma captura de tela e receba uma versão editável e reestilizável daquela interface.
Última atualização:
Dê à UXMagic uma imagem de uma interface e ela a reconstrói como uma tela real e editável.
Passos
- Clique no botão de anexo do campo de prompt e envie sua imagem (JPEG, PNG ou WebP).
- Diga o que deve ser feito com ela. Isso importa mais do que as pessoas esperam:
- “Reconstrua esta tela exatamente” — reprodução fiel.
- “Reconstrua este layout mas nas cores da nossa marca” — estrutura mantida, tema aplicado.
- “Esta é a página de preços do nosso concorrente — projete a nossa na mesma estrutura” — estrutura como inspiração.
- Envie.
Conseguir uma reprodução fiel
- Envie a tela inteira, não um recorte, se quiser todo o layout.
- Envie em resolução legível — se você não consegue ler os rótulos, a IA também não.
- Se as cores exatas importam, diga “reproduza exatamente as cores da captura”. Por padrão o tema de um projeto existente vence, porque na maioria dos projetos o que as pessoas realmente querem é coerência.
Várias capturas
Envie várias de uma vez para um fluxo com várias telas, e a IA vai tratá-las como um conjunto, mantendo-as coerentes entre si.
Uma armadilha conhecida
Em um projeto existente, uma captura sozinha não sobrepõe o tema do projeto: a nova tela herda a paleta já em uso. Se você prefere a paleta da referência, peça com palavras: “use as cores desta imagem, não o tema atual.”
Custo
Ler uma imagem é gratuito; projetar a tela a partir dela custa os créditos habituais de criação de tela.
Perguntas frequentes
- Quais formatos de imagem posso enviar?
- JPEG, PNG e WebP. Imagens muito grandes são redimensionadas antes de a IA lê-las.
- Ela vai copiar a captura exatamente?
- Layout, hierarquia e estrutura de componentes são reproduzidos fielmente. Diga explicitamente se você também quer as cores e os textos exatos — do contrário, o tema do projeto é aplicado.
Este artigo foi útil?
Artigos relacionados
De rascunho para interface
Transforme a foto de um quadro branco ou um wireframe em papel em uma interface digital acabada.
Clonar um site a partir de uma URL
Capture uma página web pública real e reconstrua-a como uma tela editável da UXMagic.
Imagens nos seus designs
Gerar imagens, editá-las no lugar, enviar as suas e substituir um recurso em todas as telas.