1En una frase
Dale a Claude tus colores, fuentes y estilo una sola vez, como un sistema de diseño, y todos los diseños a partir de entonces los usarán sin que tengas que pedirlo.
2Palabras nuevas
- Sistema de diseño (Design system) — un conjunto guardado de reglas sobre cómo deben verse tus cosas: colores, tipografía (fuentes y tamaños), espaciado, botones, uso del logo. Los diseñadores tienen uno para cada marca.
- Marca (Brand) — el aspecto y la voz constantes de una empresa o de una persona. Tu sistema de diseño es la marca puesta por escrito.
- Tipografía (Typography) — las fuentes y cómo se usan: qué fuente para los titulares, cuál para el texto, de qué tamaño.
3Para qué te sirve
Sin un sistema de diseño, cada diseño parte del gusto de Claude y tú tienes que repetir "no, nuestro azul". Con uno, el estilo crema y cobre de la panadería (o tu marca real) ya está ahí desde el primer borrador de cada página, presentación y publicación. Los equipos pueden tener más de uno, para distintas marcas.
4Pruébalo ahora
(planes de pago)
- En Design, haz clic en Design System debajo de "Make something new", o abre el menú "Choose design system" (Elegir sistema de diseño) en un diseño nuevo y haz clic en Manage design systems (Gestionar sistemas de diseño).
- Dale a Claude la dirección de tu sitio web, o sube un archivo de marca, o describe el estilo: Fondo crema, color de acento cobre, una fuente serif amable para los titulares, botones redondeados.
- Abre un diseño nuevo, elige ese sistema de diseño en el menú y pide una publicación para redes sociales.
5Lo que verás
El menú de sistemas de diseño en un diseño nuevo, con el enlace para gestionar los sistemas:
Cuando ya existe un sistema, aparece en ese menú y queda seleccionado para el diseño; el resultado ya tiene tus colores y tus fuentes. [Imagen pendiente: un sistema de diseño creado a partir de un sitio web, y una publicación hecha con él.]
6Cuidado
- Un sistema por marca. Mezclar dos en un mismo diseño da un resultado confuso.
- Un sistema creado a partir de tu sitio web copia lo que hay en él, defectos incluidos. Revísalo una vez y corrige los colores o las fuentes que nunca te gustaron.
7Ve más allá
Crea primero el sistema, y así todos los capítulos de esta parte (diapositivas, prototipos, páginas) saldrán con tu marca. El capítulo 3.3 trata de las diapositivas.