Flujos de diseño prácticos
Creador de catálogos con IA: de fotos a ficha comercial

El comprador necesita saber qué producto ve, cuánto cuesta y cómo pedirlo. Una página de catálogo bonita falla si la foto corresponde a otro SKU.
Exploramos en Ciyo un catálogo ficticio de tres productos de Alder Goods. El flujo parte de una tabla aprobada, separa los datos de la creación visual y termina revisando una ficha comercial, sin prometer sincronización de inventario.
Respuesta rápida: relaciona los datos antes de diseñar
Prepara una fila por SKU y una imagen aprobada correspondiente. Elige la jerarquía en Ciyo, ordena las imágenes y añade nombres, precios, acabados e instrucciones de pedido. Contrasta la ficha exportada con la tabla original, línea a línea.
Usa fotografías reales para un catálogo real. Las piezas cerámicas del ejemplo son productos conceptuales ficticios: sus imágenes generadas no demuestran existencias de un comercio.
1. Crea la tabla de productos mínima y completa
Una página con tres SKU basta para detectar errores de correspondencia y composición antes de ampliar. Incluye SKU exacto, nombre, moneda, precio, acabado aprobado y nombre del archivo de imagen. Marca lo desconocido como tal, en lugar de pedir al modelo que lo invente.
El ejemplo ficticio utiliza únicamente los datos siguientes. No implica dimensiones, certificaciones, existencias ni fechas de entrega.
| SKU | Producto | Precio aprobado | Acabado |
|---|---|---|---|
| AG-101 | Taza Pebble | $18 | Marfil mate |
| AG-102 | Portalápices | $24 | Verde bosque |
| AG-103 | Bandeja vaciabolsillos | $28 | Arcilla cálida |

2. Conserva la foto original de cada SKU
Sube las fotos aprobadas a un lienzo independiente y etiquétalas con sus SKU. Si es una gama conceptual, indícalo en las imágenes. Mantén los originales visibles junto a la página para que cada producto pueda rastrearse hasta su fuente.
No uses una reinterpretación generada cuando el comprador necesita ver con precisión el artículo en venta. Si limpias el fondo, compara el producto editado con el original y rechaza cambios en forma, herrajes o acabado.

3. Define una jerarquía para el comprador
Pide al Design agent una página con tres bloques equivalentes y una cabecera sobria. Cada bloque debe reunir imagen, nombre y precio, con SKU y acabado fáciles de localizar. El catálogo responde una pregunta de compra; una hoja interna de contacto responde principalmente qué foto corresponde a qué producto.
La indicación de ejemplo es Contacta con Alder Goods para consultar disponibilidad. En un negocio real, sustitúyela por un canal de pedido verificado y explica las condiciones de los precios. No inventes un enlace de pago.
Crea una página de catálogo para compradores de [negocio]. Utiliza las fotos originales exactas y la tabla de SKU aprobada adjuntas. Incluye [campos] y esta instrucción de pedido verificada: [instrucción]. Conserva cada correspondencia entre foto y SKU. No deduzcas dimensiones, existencias, certificaciones ni fechas de entrega. Mantén el texto factual editable cuando sea posible e identifica cualquier maquetación externa necesaria.4. Compón la página y conserva los datos editables
Elige una estructura repetible antes de decorar. Tres productos pueden ir en una fila o en una columna; compara la página impresa prevista y una vista móvil antes de decidir. Las imágenes grandes sirven de poco si no se lee la información.
Comprueba qué es realmente el resultado. Las letras generadas dentro de un PNG son imagen aplanada. Si la ejecución no ofrece una composición editable, exporta las imágenes aprobadas y añade los datos en un editor de documentos o maquetación. Cambiar un precio no debería exigir redibujar el producto.
En la ejecución real se completaron las tres fotos conceptuales de 1024 × 1024, pero no la maquetación. Montamos externamente la ficha HTML enlazada con esas fotos guardadas y la tabla aprobada. El texto y las imágenes siguen separados; se puede editar o imprimir desde el navegador. Es un ejemplo de entrega, no una exportación nativa de catálogo de Ciyo.
5. Audita un SKU completo y después los tres
Lee AG-101 en la tabla y localiza su imagen, nombre, precio de $18 y acabado marfil mate en la ficha. Repite con AG-102 y AG-103. Esta revisión deliberada detecta bloques atractivos pero mal asignados.
Abre después el archivo guardado de forma independiente. Inspecciona el texto más pequeño, las instrucciones de pedido y los recortes imprevistos. Ver solo la página ajustada a la ventana puede ocultar un SKU cortado o una moneda ausente.
| Campo | Qué comparar | Responsable |
|---|---|---|
| Imagen del producto | Artículo y acabado exactos aprobados | Responsable del producto |
| SKU y nombre | Coincidencia literal con la tabla | Editor del catálogo |
| Precio | Moneda, importe y condiciones | Comerciante |
| Canal de pedido | Contacto o destino correcto | Comerciante |
6. Prepara el original y la versión para clientes
Conserva un original editable fechado, las imágenes aprobadas y una exportación para clientes. Si cambian los precios a menudo, registra quién actualiza la tabla y quién aprueba la siguiente exportación. Una ficha estática no refleja automáticamente el inventario ni los precios de la tienda.
Un vendedor independiente puede empezar con tres productos y revisión manual. Una gama amplia se beneficia de un sistema de catálogo o comercio con conexiones de datos verificadas; no deduzcas esas funciones de una demostración de diseño de páginas con IA.
Preguntas frecuentes
¿Puede la IA inventar descripciones que faltan?
Puede redactar, pero el comerciante debe aportar o aprobar los hechos. Omite dimensiones, materiales y certificaciones sin verificar.
¿Un catálogo con IA equivale a una base de datos en vivo?
La página diseñada es una entrega estática. La sincronización, el inventario y el pago requieren sistemas configurados por separado.
¿Qué imágenes debo usar para productos reales?
Usa fotos precisas o renders aprobados del producto real. Etiqueta claramente las imágenes conceptuales ficticias al planificar una gama aún no lanzada.
¿Qué archivo debe seguir siendo editable?
Conserva el documento o la composición con texto factual editable. Una imagen o un PDF aplanado sirven para distribuir, pero pueden no preservar campos editables.
Prepara tus tres primeros productos
Trae tres fotos aprobadas y una tabla de nombres, SKU y precios. Crea una ficha pequeña y revisa todos los campos antes de ampliarla.