Herramientas
Herramientas de diseño gratis
Generadores SVG online, sin registro y sin descargas. Configura, copia el código y pégalo en tu web: el resultado es tuyo, sin archivos que alojar ni marcas de agua.
Galería de favicons SVG
Más de 55 favicons SVG listos para copiar como etiqueta <link>, más generadores de emoji y monograma.
Texto ondulado animado
Configura una marquesina de texto sobre una onda SVG y copia el componente HTML listo para tu web.
Paletas de color
Generador de paletas con exportación a CSS, Tailwind y Figma. En camino: suscríbete al canal para enterarte.
Generador de patrones SVG
Fondos con patrones geométricos configurables, exportados como SVG o data URI para tu CSS. En desarrollo.
La razón detrás
¿Por qué SVG?
El SVG es texto: un formato vectorial que pesa poco, escala sin perder nitidez y se puede editar con cualquier editor de código. Por eso todas nuestras herramientas generan SVG puro. No dependes de imágenes alojadas en otro servidor ni de librerías externas: copias el código y ya forma parte de tu web.
Además, el SVG entiende de contexto. Un favicon SVG puede adaptarse al modo
oscuro del navegador, algo imposible con un .ico tradicional.
Si quieres profundizar, en el blog tienes la guía
cómo crear un favicon SVG con data
URIs, emoji y compatibilidad entre navegadores, paso a paso.
Estas herramientas nacen de proyectos reales del canal. Si te interesa el proceso completo detrás de cada recurso, pasa por el blog o revisa los recursos descargables: packs de sonido y plantillas de After Effects que complementan lo que generas aquí.
Andy Publicista en YouTube
Cada semana, recursos nuevos y procesos creativos reales
Diseño web, social media, motion graphics y packs descargables. Suscríbete para enterarte cuando salga la próxima herramienta.