Product Visual Studio
Dale tu producto. Recibe todas las imágenes que necesitas para venderlo.
Product Visual Studio convierte una descripción corta de lo que vendes en un juego de imágenes completo y parejo (las imágenes del anuncio, cada tamaño que pide cada tienda, las tarjetas para redes y los archivos listos para la web) y revisa su propio trabajo antes de entregártelo.
Precio sin definir
Todavía no está a la venta. El kit está hecho y revisado por máquina. Antes de venderlo, alguien que nunca lo ha visto tiene que usarlo, y nosotros tenemos que comprárnoslo a través del pago real. El kit está en inglés.
Avísame cuando esté listo
El problema
Tienes algo que vender y lo que te frena son las fotos. Cada tienda pide un tamaño distinto, el juego nunca queda parejo y hacerlo a mano son doce archivos que repites cada vez que cambia el precio.
Qué hace
Describes tu producto una vez, en un formulario corto. El estudio dibuja el juego completo con tus colores y tu tipografía: ocho imágenes de anuncio que cuentan la historia en orden, los tamaños exactos que piden Etsy, Gumroad, LinkedIn y Substack, una imagen principal para tu propio sitio y versiones pequeñas listas para la web. Cada palabra la compone en tipografía real un navegador real, así que el nombre de tu producto siempre sale escrito tal como lo pusiste. Después se revisa a sí mismo (que el texto quepa en cada imagen, que el contraste se pueda leer sobre lo que haya detrás y que cada tamaño sea el que la tienda pide de verdad) y dice claramente qué decisiones tomó una máquina y cuáles siguen siendo tuyas.
- Tener un juego de imágenes completo y parejo para un producto en unos quince segundos
- Dejar de adivinar qué tamaño pide cada tienda y de rehacerlos a mano
- Saber que el nombre de tu producto está bien escrito en cada imagen, porque se tecleó, no se generó
Cómo funciona
6 pasos, en orden
-
Revisar
Revisa tu computadora. No instala nada.
-
Preparar
Descarga lo que necesita en la carpeta del propio kit. Una sola vez.
-
Describir
Un formulario corto en tu navegador. Solo el nombre del producto es obligatorio.
-
Crear
El juego completo, con tus colores y tu tipografía.
-
Repasar
El juego completo junto, y tu imagen principal dentro de una página web real a tres anchos.
-
Exportar
Ordenado en carpetas con el nombre de dónde va cada archivo.
Lo que recibes
- START HERE: una puerta de entrada guiada que se abre en tu navegador, sin instalar nada
- Seis archivos numerados a los que les das doble clic en orden: revisar, preparar, describir, crear, repasar y exportar
- Un formulario guiado para describir tu producto: sin JSON, sin escribir prompts, sin programas de diseño
- Ocho imágenes de anuncio que cuentan la historia de tu producto en orden
- Cada tamaño que de verdad piden Etsy, Gumroad, LinkedIn, Substack y las vistas previas de enlaces, cada uno dibujado en su propia forma en vez de recortado de una imagen más grande
- Una imagen principal para tu sitio, más versiones pequeñas en WebP y AVIF para una página real
- Un paso de repaso que pone tu imagen principal dentro de una página web real y la fotografía a ancho de teléfono, de laptop y de escritorio ancho
- Revisiones automáticas: texto que cabe, nombres escritos como tú los escribiste, contraste sobre la imagen de fondo, tamaños de cada tienda y peso de los archivos
- Una exportación ordenada en carpetas con el nombre de dónde va cada archivo, con una página que dice qué es cada uno
- Un producto de ejemplo ya lleno, para que lo veas funcionar antes de usar el tuyo
- Instrucciones para Claude y para cualquier agente capaz, si prefieres no correr los pasos tú
- Solución de problemas, preguntas y una guía corta de lo que hace que una imagen de anuncio funcione
- Un modelo de privacidad y seguridad por escrito, y una forma limpia de quitarlo
Lo que no hace
Publicado aquí, antes del precio, a propósito. Un kit que te sorprende después de pagar es un kit que se devuelve.
- Generación de imágenes. Si quieres arte generado, hazlo donde quieras y ponlo en la carpeta: el estudio lo usa y lo revisa como cualquier otra cosa
- Diseño de logos
- Escribir la descripción de tu producto por ti
- Maquetas de impresión bajo demanda, o un catálogo para cientos de productos
- Ningún juicio sobre si tus imágenes se ven bien. Eso se dice claramente en cada sitio donde importa
Para quién es
- Cualquiera que venda un producto a la vez y al que lo frenen las fotos, no el producto
- Vendedores de Etsy y Gumroad que rehacen el mismo juego de imágenes en otro tamaño para cada tienda
- Fundadores que trabajan solos y montan una página de producto y unas tarjetas para redes sin diseñador
- Gente que ha probado a generar imágenes de anuncio y le salió mal escrito el nombre de su propio producto
- Cualquiera que ya tenga una foto del producto o un logo y necesite que le armen el resto del juego alrededor
Lo que necesitas
- Una computadora con Windows 10 u 11
- Node.js 18 o más nuevo: es gratis, y el kit te dice exactamente cómo instalarlo
- Un navegador basado en Chrome: usa el que tienes, o descarga el suyo durante la instalación
- Unos 300 MB libres en el disco después de instalar
- Internet la primera vez, para descargar esas piezas gratis
- Sin tarjeta gráfica. Nada de esto la usa
- Opcional: un agente de IA, si prefieres que él corra los pasos por ti
Preguntas
¿Necesito un programa de diseño o experiencia en diseño?
No. Llenas un formulario corto en tu navegador y el estudio dibuja el juego. No hay nada que instalar aparte de Node y un navegador basado en Chrome, ni nada que aprender.
¿Genera arte?
No, y es a propósito. Cada palabra la compone en tipografía real un navegador real, así que el nombre de tu producto sale escrito como lo pusiste. Si quieres arte generado, hazlo donde quieras y ponlo en la carpeta: el estudio lo acomoda y lo revisa como cualquier otra cosa.
¿Me va a decir si mis imágenes se ven bien?
No. Aquí nada tiene buen gusto. Revisa lo que una máquina puede revisar (que el texto quepa en la imagen, que el contraste se lea sobre lo que haya detrás, el tamaño que pide cada tienda y el peso del archivo) y dice claramente qué decisiones tomó una máquina y cuáles siguen siendo tuyas.
¿Se sube algo de lo que pongo?
Todo es local. Internet se usa una sola vez, durante la instalación, para bajar las piezas del kit desde npmjs.com y (solo si no hay Chrome) la distribución oficial de Chrome for Testing de Google. Las capturas y los logos se leen y nunca se modifican. Todo lo que produce va a carpetas nuevas. Usa un perfil de navegador desechable y lo borra; tu propio perfil del navegador nunca se toca.
¿Qué descarga durante la instalación y con qué licencia?
El ZIP no trae nada de terceros. La instalación descarga puppeteer-core (Apache-2.0); sharp (Apache-2.0, incluye libvips, LGPLv3, sin modificar); y Chrome for Testing (términos de Google Chrome / Chromium BSD-3-Clause) desde sus fuentes oficiales. No trae tipografías: usa las del sistema de Windows. La lista completa está en THIRD-PARTY-LICENCES.txt dentro del kit.
¿De quién son las imágenes que crea?
Son completamente tuyas. Uso comercial sin restricciones y sin necesidad de dar crédito.
¿Tiene modo oscuro?
El oscuro está diseñado, no invertido: negros cálidos y un acento más claro, porque el terracota claro se ensucia sobre fondo oscuro. Sigue la configuración de tu sistema y puedes fijarlo en claro u oscuro. TOOLS/engine/check-ui.mjs revisa 28 pares de colores en los dos temas. Todos cumplen WCAG AA para su uso.
¿Cómo lo quito?
Borras la carpeta. No hay instalador, ni cuenta, y no deja nada en el registro ni en tu navegador.
Product Visual Studio ya casi está aquí
Precio sin definir
Todavía no está a la venta. El kit está hecho y revisado por máquina. Antes de venderlo, alguien que nunca lo ha visto tiene que usarlo, y nosotros tenemos que comprárnoslo a través del pago real. El kit está en inglés.
Avísame cuando esté listo