Molde
Una pieza maestra. Todos los formatos. Dentro de la marca.
Molde es un estudio de diagramación inspirado en Figma para publicidad automotriz de concesionarios. Toma una pieza maestra aprobada (vehículo, oferta, legales, sellos) y la despliega en todos los formatos que pide una campaña de concesionario, desde stories de 1080×1920 hasta microbanners de 360×80, con reglas de marca, un piloto aprobado por una persona en cada formato y revisión con versiones. Convierte en producto un sistema de producción que entregó más de 400 piezas finales para campañas de concesionarios de ocho marcas automotrices en septiembre de 2026, y se validó contra esos trabajos reales.
Herramienta interna de producción (acceso restringido)
- 400+
- piezas publicitarias finales en carpetas de entrega, septiembre de 2026
- 25
- formatos de salida, de 360×80 a 1920×1125
- 8
- marcas automotrices
- 165
- versiones registradas, ninguna sobrescrita
Entra una pieza maestra, salen todos los formatos
Los frames aparecen a su tamaño relativo real.
Cómo funciona
- 1
Entra una pieza maestra
Se cargan la pieza maestra aprobada y la referencia del cliente. El original se lee, nunca se modifica; cada elemento conserva su texto editable y sus formas vectoriales.
- 2
Frames, roles y auto layout
Los elementos se entienden por su función: vehículo, oferta, legales, sellos, marca. Los bloques se mueven juntos y los frames siguen restricciones al estilo Figma (dirección, espaciado, márgenes, ajustar o llenar), así que cada formato se recompone en lugar de achicarse.
- 3
Reglas de marca
Si falta una fuente, la exportación se bloquea en lugar de reemplazarla en silencio. La oferta pesa más que los sellos, los legales quedan justificados y el producto conserva su sombra y su piso. Los bloqueos y alertas son visibles en cada formato.
- 4
Primero el piloto, después la escala
Una persona aprueba un piloto por formato. Solo los formatos aprobados generan todas las ofertas, en tamaños de píxel exactos y con el mismo motor de render que la vista previa. El resultado es el PNG o JPG final, nada más.
- 5
Revisión y versiones
Cada pieza se compara lado a lado, o como diferencia, con la referencia aprobada. Las versiones son inmutables, las aprobaciones quedan ligadas al archivo exacto y el cliente solo ve lo que se le liberó.
Los prompts, las plantillas y el funcionamiento interno del pipeline se mantienen privados. Lo que ves aquí es el resultado y la interfaz, no la receta.
El estudio
En producción
Campañas de concesionarios producidas para Servopa, grupo multimarca, a través de una agencia. Las automotrices no fueron clientes directas.
Audi
Ofertas por ciudad para concesionarios Audi en Curitiba, Cascavel y Maringá
BYD
Campaña de concesionario (BYD Servopa): 20 ofertas desplegadas en 7 formatos cada una
Volkswagen
Campaña de evento de ventas de concesionario (Servopa): stories y banners web, con versiones por ronda de revisión
Hyundai
Ofertas de concesionario (Servopa): banners web, feed cuadrado y anuncios con enlace
GAC
Banners de concesionario para la oferta «Move Brasil» dirigida a taxistas y conductores de apps
Harley-Davidson
Campaña de concesionario, líneas Softail y Touring 2026, seis formatos por oferta
Honda
Campaña de concesionario (Honda Servopa): un post de feed desplegado en todo el set de display programático
Volvo
Ofertas de concesionario (Volvo Servopa): stories y feed
En números
- 140
- piezas de BYD (20 ofertas × 7 formatos), primer lote completo en una ventana de producción de ~14 h
- 90.7%
- de las piezas de BYD aprobaron el control visual en la primera corrida a escala completa
- 99.7%
- de coincidencia de píxeles con la composición de Photoshop al importar una pieza maestra real de BYD
- 90
- piezas de Audi a partir de una maestra por oferta (10 ofertas × 3 ciudades × 3 formatos)
- 290
- pruebas automatizadas en la suite de Molde
- 2.7 min
- mediana por pieza en una corrida de 25 piezas de Volkswagen (72 % aprobadas a la primera)
Construido con
- React 19
- TypeScript
- Vite
- Render en Canvas 2D (la vista previa y la exportación usan el mismo motor)
- Lectura de PSD en el navegador y en Python
- Cloudflare Workers, D1 y R2
- Acceso por roles con JWT firmados
- Vitest