El Generador de Formas SVG crea formas de ondas y blobs SVG visualmente. Ajuste amplitud, complejidad, capas, gradientes y exporte como código SVG, imagen de fondo CSS o SVG inline. Descargue como archivos SVG/PNG.
Todo el procesamiento se realiza en su navegador — no se envían datos al servidor. Sin registro necesario.
Elija un modo
Seleccione modo Onda o Blob. Las ondas son ideales para divisores de sección; los blobs para decoración de fondo.
Ajuste los parámetros
Modifique amplitud, complejidad, colores, gradiente y trazo con controles deslizantes.
Copie o descargue
Copie código SVG/CSS/Inline o descargue archivos SVG/PNG. Péguelo directamente en su sitio web.
Divisores de sección
Coloque ondas entre secciones para una transición visual suave. Las ondas se han convertido en un patrón de diseño estándar en páginas de aterrizaje modernas.
SVG vs PNG
SVG ofrece menor tamaño de archivo, nitidez en cualquier resolución y colores controlables con CSS.
P. ¿Cómo usar una onda como divisor de sección?
R. Pegue el código SVG en HTML y posiciónelo con position: absolute; bottom: 0; width: 100%;.
P. ¿Se pueden usar los blobs como clip-paths?
R. Sí. Use los datos del path SVG con clip-path: url(#...) para recortar en formas orgánicas.
P. ¿Se envían datos al servidor?
R. No. Todo el procesamiento se realiza en su navegador.
🌊
Divisores de sección
Ondas entre secciones para transiciones suaves y orgánicas.
🖼️
Decoración de fondo
Blobs detrás de imágenes o alrededor de CTAs como acento visual.
😀
Máscaras de avatar
Formas blob para recortar imágenes de avatar de forma única.
🎨
Recursos para herramientas de diseño
Descargue SVG/PNG e importe en Figma, Sketch o XD.
