8 Ferramentas para manipular SVG gratuitas

O SVG vem tomando o lugar das imagens JPG, PNG na construção de sites web, está cada dia mais popular, e para criar um SVG você pode usar ferramentas como Illustrator, Inkscape, entre outras.

Porém para construção de ferramentas web, como um site por exemplo, devemos otimizar algumas coisas no SVG, diretamente em seu código ou usar ferramentas para essa função.

Aqui nesse post vamos listar 8 ferramentas que podem ajudar a otimizar e até criar alguns arquivos SVG simples, como ícones, setas e outros.

Ferramentas SVG gratuitas

Segue a lista abaixo com 8 ferramentas SVG gratuitas para te ajudar em seus projetos.

Interactive SVG Coordinate System

Ajuda você aprender como funcionam as coordenadas SVG.

Visitar

SVG OMG

O SVG OMG transforma a linha de comando do SVGO em uma versão GUI mais intuitiva e fácil de usar. 

Visitar

SVG Circus

Se você acha que as animações do carregador são legais, agora você pode criá-las facilmente utilizando SVG com SVG Circus. 

Visitar

Plain Pattern

Criar padrões com SVG nunca foi tão fácil ou divertido. Carregue sua imagem, reduza ou altere o espaçamento, gire e recolorir até obter um belo padrão. Você pode visualizar o resultado antes de baixá-lo.

Visitar

HackingUI

Script de photoshop gratuito: Exporte suas camadas vetoriais de PS para SVG com um único clique!

Visitar

SVG Filter

Você sabia que com o SVG é possível adicionar efeitos como matiz, saturação, desfoque, sobreposição de cor linear e muitos outros às imagens? Aqui está uma ferramenta que visualiza esses efeitos.

Visitar

SVG Morpheus

Biblioteca JavaScript que permite que ícones SVG se transformem de um para o outro.

Visitar

Conclusão

Todas as ferramentas listadas aqui são gratuitas até o momento da postagem, aqui no site você ainda encontra 4 sites para remover fundo de imagens, vale a pena dar uma olhada.

Espero ter ajudado 🙂