# Captura de interface para JSON Transforme uma captura em árvore visual editável, componentes e documentação para programação. > Página canônica: https://elysiatools.com/pt/tools/ui-screenshot-to-structured-json - **Categoria:** AI Tools - **Palavras-chave:** Captura de interface para JSON, JSON, UI ## Visão geral Envie uma captura estática e aceite o processamento externo. Somente deepseek/deepseek-v4.1-flash-1017 via OpenRouter, sem substituição ou repetição automática. Rápido: uma chamada; preciso: até duas revisões de recortes adicionais. Coordenadas retornam ao original; alterações inválidas são descartadas e o resultado é marcado parcial. Corrija texto, tipo, pais, limites e pedidos de alteração. JSON e Markdown incluem correções locais, uso e estado, não a imagem. Árvore e estilos são aproximações, não DOM/CSS originais. Confiança não é precisão. Máscaras substituem pixels antes do envio. Exemplo sintético sem IA. Aplicam-se as políticas de retenção do provedor. Limites: 10 MB, 16 MP, 8192 px/lado, 240 nós. Confira detalhes pequenos e cortados. Provedor oficial DeepSeek fixado. O modo preciso pode alinhar caixas com Tesseract inglês local, apenas em correspondências exatas próximas e confiáveis. Casos ambíguos continuam estimados; sem OCR a análise prossegue. Sem chamadas IA ou downloads adicionais. ## Entradas - **Captura** (file) - **Modo de análise** (select) - **Concordo em enviar a captura mascarada e o contexto ao provedor de IA.** (checkbox) - **Contexto (opcional, 2000 caracteres)** (textarea) - **Idioma da descrição** (select) ## Quando usar - Ao documentar telas legadas ou mockups estáticos em árvores estruturadas de componentes sem acesso direto ao código-fonte. - Ao catalogar textos, botões e caixas delimitadoras de interfaces para planejamento de handoff de frontend. - Ao preparar tarefas de programação que exigem uma lista formal de nós e pedidos de alteração em formatos JSON e Markdown. ## Como funciona - Carregue a captura estática em PNG, JPG ou WEBP (até 10 MB, 16 MP e 8192 px por lado) e adicione contexto opcional. - Escolha o modo de análise: Rápido (uma chamada), Preciso (com até duas revisões de recortes e alinhamento via OCR local em inglês) ou Testar exemplo offline. - Confirme o consentimento para envio ao provedor de IA com mascaramento prévio de pixels sensíveis e selecione o idioma descritivo. - Analise e ajuste os nós, textos, tipos e limites da árvore visual gerada antes de exportar o JSON ou Markdown consolidado. ## Casos de uso - Mapeamento visual e estruturação de telas em JSON para equipes de engenharia de software. - Extração automatizada de inventário de textos e componentes para auditoria de telas de aplicativos. - Registro de especificações visuais de protótipos rápidos com vinculação de caixas delimitadoras. ## Perguntas frequentes ### O JSON gerado reflete o código DOM e as regras CSS reais da tela? Não, a árvore de componentes e os estilos são apenas aproximações visuais estimadas pela IA, não o DOM original. ### É possível testar o utilitário sem realizar chamadas de rede à IA? Sim, o modo 'Testar exemplo offline' carrega dados sintéticos de demonstração localmente sem enviar imagens ou fazer requisições externas. ### Como funciona o alinhamento no modo preciso? O modo preciso recorre ao Tesseract local em inglês apenas para alinhar caixas com correspondências de texto exatas e de alta confiança. ### A imagem enviada fica salva dentro do arquivo JSON exportado? Não, o JSON e o Markdown contêm somente a estrutura de nós, textos, coordenadas e anotações, sem embutir o arquivo de imagem. ### Quais são as restrições técnicas para o processamento de imagens? O limite por imagem é de 10 MB, 16 MP, 8192 px por lado e uma capacidade máxima de até 240 nós mapeados por análise. ## Ferramentas relacionadas - [Reconhecimento OCR de Notas Fiscais e Recibos](https://elysiatools.com/pt/tools/ai-image-to-receipt-json): Extrair informações importantes de imagens de notas fiscais/recibos e converter para formato JSON personalizado usando modelos de visão IA - [Reconhecimento OCR de Cartão de Identidade IA](https://elysiatools.com/pt/tools/ai-ocr-id-card-to-json): Extrair informações importantes de imagens de cartão de identidade e converter para o formato JSON usando modelos de visão IA - [Gerador de Data URI](https://elysiatools.com/pt/tools/data-uri-generator): Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown - [Visualizador musical de partículas de imagem](https://elysiatools.com/pt/tools/image-particle-music-visualizer): Transforme uma imagem numa nuvem de pontos reativa ao áudio. Pré-visualize localmente e exporte MP4 a 30 fps, capa PNG e ajustes JSON. - [De paleta de imagem para design tokens](https://elysiatools.com/pt/tools/image-to-design-tokens): Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons - [Gerador de Faturas PDF](https://elysiatools.com/pt/tools/pdf-invoice-generator): Gera uma fatura PDF com marca a partir de itens estruturados - [IA Imagem para Markdown](https://elysiatools.com/pt/tools/ai-image-to-markdown): Extrair texto de imagens e converter para formato markdown usando modelos de visão IA - [Retoque de Foto com IA](https://elysiatools.com/pt/tools/ai-image-style-sharp-optimizer): Usa um modelo visual de IA para reconhecer a imagem e retoca-la automaticamente ## Exemplos - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Rust](https://elysiatools.com/pt/samples/web-image-processing-rust): Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato ## Conteúdo relacionado - [Estruturar uma captura de interface, revisar e entregar ao desenvolvimento](https://elysiatools.com/pt/hubs/ui-screenshot-structure-review-and-development-handoff): Transforme uma captura autorizada em árvore de componentes revisada, JSON validado e notas para desenvolvimento, preservando coordenadas, incertezas e evidências das correções.