Captura de ecrã para Sketch:
transforme qualquer imagem em camadas editáveis do Sketch
Carregue uma captura de ecrã, um PNG ou um JPG na app de design Sketch, no seu Mac, e obtenha camadas que pode editar: texto real, elementos de UI agrupados e imagens separadas, em vez de um único bitmap plano.
Para o Sketch no macOS · 5 créditos de IA gratuitos por mês · Sem cartão de crédito
Concebido para fluxos de trabalho criativos comuns
O que pode converter
Imagem para camadas do Sketch em qualquer tipo de UI
Se consegue fazer uma captura de ecrã, consegue abri-la em camadas no Sketch. O plugin funciona com imagens PNG, JPG e WebP de produtos reais e mockups.
Ecrãs de aplicações iOS e Android
Reconstrua ecrãs de aplicações sem redesenhar cada componente e depois afine-os no Sketch.
Sites e landing pages
Transforme uma página web capturada num artboard editável que pode reestilizar e reutilizar.
Dashboards e painéis de administração
Tabelas, gráficos, barras laterais e formulários regressam como camadas editáveis, prontas para um redesign.
Referências de design e inspiração
Transforme um ecrã de referência em camadas que pode estudar e adaptar no seu próprio design.
UI antiga sem ficheiros de origem
Perdeu o ficheiro original do Sketch? Recupere uma versão editável a partir de uma captura de ecrã do produto publicado.
Imagens PNG, JPG e WebP
Funciona com qualquer imagem de UI, de uma captura rápida a um mockup exportado. Maior resolução dá texto mais limpo.
Como funciona
Como converter uma captura de ecrã para Sketch
Três passos na app Sketch, no seu Mac.
- 1
Instale o plugin gratuito
Transfira o plugin, descompacte-o e faça duplo clique no ficheiro .sketchplugin. O Sketch instala-o automaticamente.
- 2
Carregue a captura de ecrã
Abra o Codia AI Design no menu Plugins, inicie sessão com uma conta gratuita do Codia e carregue uma imagem PNG, JPG ou WebP.
- 3
Edite as camadas geradas
O Codia reconstrói texto, elementos de UI e imagens como camadas do Sketch na sua tela. Edite-as como qualquer outro design.
O que obtém
Camadas editáveis do Sketch, não um bitmap plano
Uma captura de ecrã arrastada para o Sketch é uma única imagem. Uma captura convertida é um design: cada elemento é uma camada própria.
Camadas de texto reais
Títulos, etiquetas e parágrafos regressam como texto editável, para que possa alterar o conteúdo sem voltar a escrever.
Estrutura de UI agrupada
Contentores, listas, botões e cartões são agrupados numa árvore de camadas que pode mover, redimensionar e reestilizar.
Imagens em camadas próprias
Fotografias, ilustrações e ícones ficam separados do fundo, em vez de fundidos nele.
Tipos de letra e texto multilingue
A deteção de tipos de letra mantém o aspeto original, e o texto é reconhecido em vários idiomas, não só em inglês.
Camadas normais do Sketch
O resultado é conteúdo comum do Sketch, por isso os estilos, as exportações e o seu fluxo de trabalho habitual continuam a funcionar.
Pronto para passar do design ao código
Uma árvore de camadas estruturada é um bom ponto de partida para o Codia Design to Code e outras ferramentas de design para código.
Arrastar, decalcar ou converter: três formas de levar uma captura de ecrã para o Sketch
Arrastar a imagem é imediato, mas fica com um bitmap. Decalcar à mão é editável, mas lento. Converter dá-lhe as duas coisas.
| Converter com o Codia | Arrastar a imagem | Decalcar à mão | |
|---|---|---|---|
| Texto editável | Sim, camadas de texto reais | Não, o texto são píxeis | Sim, reescrito à mão |
| Estrutura de camadas | Camadas agrupadas e aninhadas | Um único bitmap | Construída à mão |
| Tipos de letra e cores | Detetados na imagem | Apenas visíveis | Acertados a olho |
| Tempo por ecrã | Minutos, depois afinar | Segundos | Muitas vezes, horas |
Preços de captura de ecrã para Sketch
Comece grátis com 5 créditos de IA por mês. Faça upgrade para capturas maiores e mais créditos.
Perguntas frequentes sobre captura de ecrã para Sketch
Respostas sobre como converter capturas de ecrã em camadas editáveis na app Sketch.
Tem mais perguntas? Fale connosco e ajudamos.
Contactar o suporteConversores relacionados
- Captura de ecrã para FigmaTransforme capturas de ecrã em camadas editáveis do Figma.
- Captura de ecrã para CanvaTransforme capturas de ecrã em designs editáveis do Canva.
- Captura de ecrã para PhotoshopReconstrua capturas de ecrã como camadas PSD editáveis.
- Documentação do pluginDefinições, limites e resolução de problemas do Codia AI Design.
- Design to CodeTransforme os designs convertidos em código front-end.
- Imagem para camadasSepare qualquer imagem em camadas editáveis online.
Converta a sua primeira captura de ecrã
para Sketch, grátis
Transfira o plugin, instale-o no Sketch e carregue uma imagem. Todas as contas recebem créditos de IA gratuitos todos os meses.
Sem cartão de crédito · Ficheiros não usados para treino · Para o Sketch no macOS