Estudio de Diseño

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, describes cómo quieres que se vea un diseño — y Ask Clerk.io lo construye, te muestra una vista previa en línea en el chat y sigue iterando 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:

• “Crear un nuevo diseño de carrusel de productos que coincida con el estilo de nuestro sitio web.”
• “Actualizar mi diseño de Omnisearch para que se parezca al search en [competitor URL].”
• “Construir un diseño de recommendations basado en esta captura de pantalla.”

Describiendo cómo debería verse #

Cuanto más contexto des, más cerca estará el primer resultado de lo que deseas.

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

También puedes aportar 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 que iguale 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 disposición de las tarjetas o cambiar a una cuadrícula en lugar de un carrusel.

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 ni navegar a la sección Designs.

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

Iteración #

Design Studio está pensado para la mejora continua a través de ida y vuelta. No se espera que des en el clavo en un solo mensaje.

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

1. Solicitas un diseño basado en una descripción o referencia
2. Revisas la vista previa en el chat
3. Pides ajustes — “Haz el nombre del producto más grande”, “Quita la insignia de oferta”, “Usa una cuadrícula de dos columnas en su lugar”
4. Repites hasta que el diseño se vea bien
5. Pides a Clerk.io que aplique el diseño

Cada iteración se construye sobre la anterior, por lo que nunca necesitas volver a explicar todo el diseño. Solo describe lo que necesita cambiar.

Aplicar 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 al elemento relevante si es necesario.

También puedes pedir a Ask Clerk.io que publique el diseño y lo haga público, o mantenerlo en modo de vista previa mientras continúas revisando.