webempresa

Herramientas SVG online para crear y editar diseños

El uso de ilustraciones y gráficos en formato SVG en muy popular sobre todo en el diseño web pero también en otros soportes. Su principal ventaja es que se puede ampliar sin perder calidad ya que se trata de un archivo vectorial.

Su uso en la web también se puede combinar con animaciones y crear efectos muy interesantes como animaciones de entrada, efecto parallax y animaciones al hacer scroll.

Hay un montón de herramientas y aplicaciones online que te permiten crear y editar archivos en formato SVG sin tener conocimientos técnicos. Hemos recopilado las que nos parecen más interesantes:

Haikei

Generador de formas SVG para el fondo de tus diseños
Gratis

IRA Design

Colección de ilustraciones que puedes ajustar a tu paleta de colores
Gratis

Fffuel

Generador de patterns, fondos y gradients en formato SVG
Gratis con opciones de pago

Nira

Herramienta rápida para cambiar los colores de un archivo SVG
Gratis

Wicked Backgrounds

Editor de fondos con aspecto de ondas en formato SVG
Gratis

ITG

Herramienta para crear ilustraciones en formato SVG
Gratis con opciones de pago

Get Waves

Crea ondas SVG con esta herramienta gratuita
Gratis

PatternPad

Crea patterns SVG para el fondo de tus diseños
Gratis

Shape Divider

Cree divisores de formas totalmente responsive para tu próximo proyecto web
Gratis

Blobmaker

Crea formas orgánicas en formato SVG para tus diseños
Gratis

Herramientas SVG para crear animaciones

Como hemos dicho el formato SVG se utiliza mucho para crear animaciones. Su formato vectorial permite crear rotaciones, efectos 3D y movimientos de todo tipo. Si se utiliza de forma adecuada en una web puede hacer que resulte más atractiva y añadir un toque de dinamismo.

Algunas herramientas SVG que permiten añadir animaciones en una web HTML o WordPress son las siguientes.

Motion.page

Crea todo tipo de animaciones para hacer tu web más atractiva.
Suscripción

Elementor

El maquetador de WordPress más versátil para conseguir cualquier diseño web.
Gratis con opciones de pago

SVG Artista

Crea animaciones con este editor de SVG
Gratis

Herramientas SVG para modificar ilustraciones

También puedes utilizar alguna de estas aplicaciones para modificar ilustraciones. Si utilizas el formato SVG va a ser mucho más rápido añadir o quitar elementos, cambiar colores, escalar tamaños y crear degradados.

Como apunte adicional si necesitas ilustraciones para tu proyecto te invitamos a conocer nuestra recomendación de bancos de ilustraciones gratuitos ya que muchos están disponibles en formato SVG.

Inkscape

Software de gráficos vectoriales de calidad profesional que funciona en ordenadores de escritorio Linux, Mac OS X y Windows.
Gratis

Figma

Completa herramienta de diseño de prototipos, wireframes y otros diseños
Gratis con opciones de pago
Recursos para Emprendedores