Empezar

Flujos de diseño prácticos

Creador de catálogos con IA: de fotos a ficha comercial

Tres formas cerámicas similares a productos junto a hojas de catálogo superpuestas en marfil y carbón.

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.

Datos originales ilustrativos de Alder Goods
SKUProductoPrecio aprobadoAcabado
AG-101Taza Pebble$18Marfil mate
AG-102Portalápices$24Verde bosque
AG-103Bandeja vaciabolsillos$28Arcilla cálida
Vista completa de Ciyo con el brief del catálogo ficticio de Alder Goods.
Entrada original en un proyecto independiente y autenticado de dev.ciyo.ai, el 21 de octubre de 2026. Vista nativa completa con zoom al 100%; las instrucciones clave se repiten en el brief para copiar.

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.

Vista completa de Ciyo con el resultado observado de Alder Goods y el estado de ejecución.
Llegaron a Ciyo tres fotos originales de productos ficticios. La maquetación del catálogo no terminó; la ficha enlazada se compuso por separado en HTML.

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.

Brief de página de catálogo
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.

Revisión antes de enviar al comprador
CampoQué compararResponsable
Imagen del productoArtículo y acabado exactos aprobadosResponsable del producto
SKU y nombreCoincidencia literal con la tablaEditor del catálogo
PrecioMoneda, importe y condicionesComerciante
Canal de pedidoContacto o destino correctoComerciante

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.