Cuando la IA no puede con el SVG
Justo después de terminar el software con la ayuda del siempre capaz IA, Poor Richard pensó: «Ah, necesito un logo: para favicon, marca o hero de la home».
Así que hizo que la misma IA escribiera un prompt y se lo mandó al maestro de producto nano banana gemini 3.1 pro, asegurándose de incluir las palabras clave “minimalist” y “flat”:
“A minimalist flat vector logo design, perfectly square aspect ratio. The image shows a stylized hand with fingers positioned as if typing on a minimal set of keyboard keys. The wrist and forearm of this hand transform smoothly into the structure of a sports racket (like a tennis or badminton racket) with a netted head. The entire composition is static. The style is strictly flat design with clean lines, geometric shapes, and a limited solid color palette (no gradients or 3D effects). The background is completely transparent, isolated subject. Suitable for a modern tech-sports brand mark.”

Poor Richard quedó contento: «Se ve bastante bien, lo puedo usar y fue rápido». Pero al descargar la imagen se dio cuenta de que no era SVG.
Lo habitual es que las fotos de móvil y las imágenes generadas por IA sean gráficos raster. SVG, del que hablábamos antes, es gráfico vectorial, y tiene ventajas claras frente al raster.
Piensa en fotos aéreas para raster y en mapas para vectores SVG. Las fotos aéreas capturan un montón de detalle y color; al zoom cada píxel en una zona pequeña puede ser distinto, así que almacenan mucha información. Eso hace que los archivos sean grandes y puede afectar al rendimiento, por eso hay muchas técnicas para reducir el impacto: desde mejor compresión hasta servir tamaños distintos según la pantalla. Con un mapa no registramos cada píxel. Solo registramos que Taipei está al norte, Taichung un poco al sur, qué carreteras los unen, si son rectas o curvas, y el resto lo dejamos en blanco. Cuando el software tiene que mostrar un SVG, lo dibuja en tiempo real a partir de esa descripción y al tamaño que haga falta. Los datos del mapa no dependen del tamaño de pantalla; los archivos siguen siendo pequeños y la calidad se mantiene al hacer zoom.
Así que para logos, iconos, patrones de fondo, diagramas de flujo, tipografía display o maquetación, el vector encaja muy bien. Usar vector donde se pueda en software evita el coste de rendimiento de assets raster grandes y reduce el trabajo de optimización.
«Bueno, esta vez la IA no es tan todopoderosa.» Un Poor Richard resignado cambió el prompt y pidió a Gemini 3.1 pro que devolviera SVG en vez de raster, porque si no pides explícitamente el “código” SVG, tiende a usar Nano Banana y producir raster.
Hace tiempo, Poor Richard había salido escaldado con SVG generado por IA y había leído un benchmark que comparaba LLMs con un pelicano en bicicleta. Esas aves y ruedas penosas ya le habían bajado las expectativas sobre SVG hecho por LLM.
Luego, hace unos días, vio el anuncio de Gemini 3.1 pro: un pelicano en bici, y no solo en SVG, sino como animación SVG. Y no solo el pelicano: la rana iba en bici y la jirafa conducía un coche. Poor Richard guardó un hilo de esperanza y pulsó enter en Gemini 3.1 pro:
“Generate the clean SVG source code for a minimalist, flat-design logo meant for a square viewbox (e.g., viewBox=“0 0 500 500”).
The central element is a stylized, static representation of a hand typing on a simplified keyboard. The unique aspect is that the forearm seamlessly morphs into the handle and head of a sports racket (either badminton or tennis, simplified with basic string patterns).
Style Requirements:
Minimalist & Flat: Use only solid colors (no gradients, shadows, or textures). Keep shapes geometric and clean.
Logo Usage: The design should be bold, clear, and scalable.
Background: The SVG must have a completely transparent background; do not include any background rectangle fill.”
A Poor Richard se le partió el corazón otra vez…
Pero no se rindió: «Tiene que haber una forma de pasar de raster a SVG».
Probó el servicio gratuito en línea de raster a picsvg.com. Usa un algoritmo clásico; el resultado tenía demasiado detalle innecesario, los parámetros de conversión no se podían ajustar y el resultado no le convenció. Sí le gustó la opción manual para quitar detalles del resultado.
Después, Poor Richard probó StarVector, un generador vectorial basado en LLM que pide mucha VRAM. Al no haber Inference Providers en Hugging Face, tuvo que descargarlo e instalar un montón de dependencias para probar. Incluso con un MacBook Air M2 al máximo con 24 GB de memoria unificada no le llegaba para obtener resultado, así que dejó ese camino.
Poor Richard vio que Figma Professional acababa de lanzar Vectorize, y en X alguien recomendó el veterano Vector Magic en las respuestas. Los demos se veían bien, pero Poor Richard es demasiado poor: descartó el caro Vector Magic y se quedó con Figma Professional como plan B.
«Cuando la IA no puede, se vuelve al esfuerzo humano.» Poor Richard, terco como Bruce Willis, no había tirado la toalla. Affinity ahora es gratis; Poor Richard no es gran dibujante de SVG desde cero, pero trazar con curvas de Bézier sí se le daba. Al final dedicó un rato a trazar y quedó satisfecho con el resultado: el archivo mucho más pequeño que el raster y contento por sumar otra habilidad.
La naturaleza humana es la que es: siempre queremos más. Aunque estaba satisfecho con la calidad del trazado a mano, Poor Richard se volvió codicioso: «Es mucho más rápido y bonito que dibujar desde cero, pero ¿se podría ser aún más rápido? ¿Y si un día necesito un set entero de iconos?».
Se fijó en ComfyUI-ToSVG. Siguió los vídeos de ejemplo de Papaya, le preguntó un poco al LLM y se puso a explorar ComfyUI. Primero probó raster a SVG en color.

El flujo era rápido y la interfaz tenía sentido, pero el resultado no le convenció: seguía habiendo demasiado detalle innecesario. Añadir un nodo de simplificación de path ayudó un poco.
Por último probó raster a SVG en blanco y negro; el resultado fue sorprendentemente bueno, no muy lejos de su versión trazada a mano pero mucho más rápido.

Poor Richard está satisfecho… por ahora.
Con el avance rápido de los modelos grandes, es posible que estos fabricantes de IA prioricen SVG en el entrenamiento y un día el prompt-a-SVG sea lo bastante fiable como para que todos estos rodeos sobren y un solo prompt resuelva todo de punta a punta. Aun así, cuando el resultado de la IA no llegue del todo a nuestra barra, un poco de habilidad manual seguirá teniendo valor.
Desarrolladores de software, escritores, compositores, abogados—aquellos cuyos trabajos se dice que están amenazados por los LLM—nuestra capacidad de ajustar y refinar a mano es la misma. En chino se dice «añadir los ojos al dragón»: una vez pintado el resto del dragón, pintas los ojos cruciales y el dragón cobra vida. Hoy la IA se encarga de mucho del código tedioso; seguimos necesitando a menudo inyectar el alma crítica en el producto. El criterio y el gusto humanos siguen importando… al menos por ahora.