1En una frase
Claude Design es un lugar donde describes algo visual (una página web, un cartel, una diapositiva, una pantalla de app) y Claude lo dibuja en un lienzo; luego lo ajustan juntos.
2Palabras nuevas
- Diseño (Design) — aquí, una composición visual: dónde va la imagen, qué dice el titular, qué botones hay, qué colores. No es código ni un documento.
- Lienzo (Canvas) — la zona grande de la derecha donde aparece el diseño. Puedes acercar la vista, seleccionar partes y comentarlas.
- Mesa de trabajo (Artboard) — un marco dentro del lienzo, por ejemplo "Página de inicio — escritorio". Un diseño puede tener varias (escritorio, teléfono, cartel).
- Maqueta (Mockup) — una imagen de cómo se vería algo antes de construirlo de verdad.
3Para qué te sirve
La mayoría de la gente no sabe dibujar lo que tiene en mente, y explicárselo a un diseñador lleva días. Con Claude Design escribes dos frases y ves una página con aspecto real en un minuto; luego dices "más cálido", "foto más grande", "sube el horario" hasta que quede bien. Para un negocio pequeño, eso es una página de inicio, una carta, un cartel y una publicación para redes sociales, todo en la misma tarde.
4Pruébalo ahora
(planes de pago)
- Haz clic en Design (Diseño) en la barra lateral izquierda. Debajo de "Make something new" (Crear algo nuevo), haz clic en Design.
- En el cuadro de mensaje de la izquierda, escribe: Una página de inicio sencilla para una pequeña panadería de barrio llamada la Panadería de Sam: colores cálidos, una zona grande para una foto arriba, una frase corta de bienvenida, tres botones (Pedir, Carta, Visítanos) y una sección con el horario de apertura. Ancho de escritorio.
- Espera más o menos un minuto. Luego escribe un cambio: Haz el titular más corto y los botones más redondeados.
5Lo que verás
La página principal de Design con cuatro formas de empezar: Slides (Diapositivas), Design (Diseño), Design in codebase (Diseño en el código) y Design System (Sistema de diseño):
Se abre un diseño nuevo con un cuadro de mensaje a la izquierda y un lienzo vacío a la derecha:
Más o menos un minuto después, la página está en el lienzo, y Claude explica lo que hizo y lo que supuso (horario de ejemplo, dirección provisional) para que sepas qué tienes que reemplazar:
La mesa de trabajo en sí, más de cerca:
6Cuidado
- Es una vista previa de investigación. Los botones cambian de sitio y las funciones cambian; si las imágenes de este capítulo no se parecen a tu pantalla, la idea es la misma.
- Los datos provisionales son provisionales. Claude inventa horarios y direcciones de ejemplo para que la composición funcione; reemplázalos antes de usar el diseño.
7Ve más allá
Pide una segunda mesa de trabajo: Ahora haz una versión para teléfono de la misma página. El capítulo 3.2 hace que todos tus diseños usen tus propios colores y fuentes automáticamente.