Design Studio

Design Studio te permite crear y perfeccionar diseños de Clerk.io a través de una conversación.

En lugar de abrir el Editor de Diseño y ajustar los componentes manualmente, simplemente describes cómo deseas que se vea un diseño — y Ask Clerk.io lo construye, te muestra una vista previa dentro del chat e itera continuamente hasta que coincida con lo que tienes en mente.

Cómo empezar #

Simplemente inicia una conversación en Ask Clerk.io y describe el diseño que deseas.

Puedes referirte a un diseño existente por nombre, pedir que se cree uno nuevo desde cero, o señalar un elemento específico en tu sitio. Ask Clerk.io determinará con qué diseño trabajar y comenzará.

Ejemplos de cómo comenzar:

• “Crea un nuevo diseño de slider de productos que coincida con el estilo de nuestro sitio web.”
• “Actualiza mi diseño de Omnisearch para que se parezca a la búsqueda en [competitor URL].”
• “Construye un diseño de recomendaciones basado en esta captura de pantalla.”

Describiendo cómo debe verse #

Cuanto más contexto proporciones, más cerca estará el primer resultado de lo que quieres.

Puedes describir el diseño en lenguaje sencillo: colores, distribución, fuentes, espaciado, si los productos deben mostrar una insignia para los artículos en oferta, cuántas columnas usar, etc.

También puedes dar contexto de otras maneras:

Imágenes — adjunta una captura de pantalla de un diseño que quieras replicar o usar como inspiración. Ask Clerk.io leerá la imagen y extraerá el estilo visual.

URLs — pide a Ask Clerk.io que navegue por tu sitio o el de un competidor y adapte el aspecto de una página o elemento específico. Navegará hasta allí y observará el diseño directamente.

Diseños existentes — haz referencia a uno de tus diseños actuales por nombre y pide cambios, como ajustar la distribución de las tarjetas o cambiar a una cuadrícula en lugar de un slider.

La vista previa #

Después de cada cambio, una vista previa del diseño aparece directamente en el chat.

No es una ventana de vista previa separada: el resultado se muestra en línea, justo donde ocurre la conversación. Puedes ver el diseño actualizado sin salir del chat o navegar a la sección de Designs.

Si algo no está bien, simplemente describe la corrección en tu siguiente mensaje. Ask Clerk.io aplicará el cambio y mostrará una nueva vista previa.

Iterando #

Design Studio está hecho para perfeccionamiento iterativo. No se espera que el resultado sea perfecto en un solo mensaje.

Una iteración típica se ve así:

1. Solicita un diseño en base a una descripción o referencia
2. Revisa la vista previa en el chat
3. Pide ajustes — “Haz el nombre del producto más grande”, “Elimina la insignia de oferta”, “Utiliza una cuadrícula de dos columnas en su lugar”
4. Repite hasta que el diseño esté correcto
5. Pide a Clerk.io que aplique el diseño

Cada iteración se basa en la anterior, así que nunca necesitas volver a explicar el diseño completo. Solo describe qué debe cambiar.

Aplicando el diseño #

Cuando estés satisfecho con el resultado, pide a Ask Clerk.io que aplique o publique el diseño. Guardará los cambios y conectará el diseño con el elemento relevante si es necesario.

También puedes pedir a Ask Clerk.io que publique el diseño y lo lleve a producción, o mantenerlo en modo de vista previa mientras sigues revisando.