Ferramenta de desenvolvedor / 28
Editor e Desenhista de Vetores SVG Online
Desenhe, estilize, organize em camadas e edite gráficos vetoriais SVG visualmente ou pelo código XML SVG ao vivo.
Editor e Desenhista de Vetores SVG Online: Desenhe retângulos, círculos, elipses, linhas, caminhos e textos em uma tela SVG. Mova os objetos, altere o preenchimento, o traçado e a opacidade e organize as camadas. Você também pode importar um SVG ou editar sua marcação na aba Code e, depois, baixar um SVG ou um PNG, ou copiar o texto SVG. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas para desenvolvedores
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
Inspetor e estilo do elemento
Camadas (3)
Desenhe formas, caminhos e texto
Adicione retângulos, círculos, elipses, linhas, estrelas, triângulos, corações, caminhos ou texto. Selecione um objeto para alterar seu preenchimento, cor e largura do traço e opacidade, ou use os controles de camada para duplicá-lo, excluí-lo e reordená-lo. As configurações da tela definem o tamanho do desenho e o plano de fundo.
Mova um caminho na tela e edite sua forma pela aba Code. Comandos de caminho como M, L e C descrevem movimentos, linhas e curvas. Este não é um editor visual de nós: não há alças de curva arrastáveis. O XML editado é aplicado quando você sai do campo de código.
Limites de exportação e importação
SVG mantém formas vetoriais e texto editável; PNG rasteriza o desenho no tamanho da tela. Copiar a marcação fornece texto SVG para uso em uma página ou em outro editor. O texto não é convertido em contornos, portanto sua aparência depende da fonte disponível no local onde o arquivo é aberto.
Os arquivos importados são reduzidos a formas básicas, caminhos e textos compatíveis. Gradientes, filtros, recortes, imagens incorporadas e comportamento de grupos não são totalmente mantidos. Preserve o original e compare o desenho importado antes de exportar uma substituição.
Como usar
- Adicione um retângulo, círculo, elipse, linha, estrela, caminho ou texto e arraste-o para o lugar.
- Defina o preenchimento, o traçado, a opacidade, o raio dos cantos e a ordem das camadas.
- Baixe o SVG ou um PNG, ou copie a marcação.
Privacidade e limitações
O desenho nunca sai do seu navegador — não há upload, salvamento automático nem servidor. Fechar a aba descarta o desenho, então baixe o arquivo antes de sair.
Ferramentas relacionadas
Perguntas frequentes
Posso desenhar e editar caminhos?
Você pode adicionar um caminho, movê-lo na tela e alterar seu preenchimento e traçado. Edite os comandos do caminho na aba Code para mudar seu formato; não há um editor visual de pontos de controle. As alterações no código são aplicadas quando você sai do campo de texto.
Posso adicionar textos e formas simples?
Sim. Adicione retângulos, círculos, elipses, linhas, estrelas, triângulos, corações, caminhos ou textos pela barra de ferramentas. O texto tem controles de conteúdo e tamanho da fonte. Você pode alinhar, duplicar, excluir e reordenar objetos, além de alterar a cor e a largura do traçado, o preenchimento e a opacidade.
Quais arquivos posso exportar?
Baixe o SVG para manter as formas vetoriais e o texto editável, ou o PNG para obter uma imagem rasterizada nas dimensões da tela. Você também pode copiar a marcação SVG. O texto não é convertido em contornos.
Ferramenta grátis · no seu navegador execuções · não precisa de conta