Crear un sistema de diseño permite que Claude Design produzca resultados que se ajusten a tus especificaciones. Extrae componentes reutilizables, colores, tipografía y patrones de los activos que proporcionas—bases de código, presentaciones o referencias de diseño—y los utiliza como base para cada proyecto creado en tu cuenta.
Claude Design de Anthropic Labs ahora está disponible en vista previa de investigación para planes Pro, Max, Team y Enterprise. Esta capacidad está desactivada por defecto para planes Enterprise.
Esta guía es para el diseñador o propietario de marca que configurará el sistema de diseño. Solo necesitas hacerlo una vez; después de la configuración, los proyectos de todos los miembros del equipo lo utilizan automáticamente (para planes Team y Enterprise).
Requisitos previos
Permisos otorgados por el administrador de tu organización para la configuración del sistema de diseño.
Al menos uno de los siguientes como material de referencia:
Una base de código con tu sistema de diseño o biblioteca de componentes
Una presentación o documento que refleje tu identidad visual
Activos de directrices de marca (logotipos, paletas de colores, especificaciones de tipografía)
Paso 1: Crea o cambia a tu organización
Para configurar el sistema de diseño de tu organización:
Abre Claude Design.
En la esquina inferior izquierda del selector de proyectos, haz clic en el nombre de la organización actual.
Selecciona tu organización o crea una nueva.
Serás redirigido al flujo de incorporación. Complétalo.
Paso 2: Carga tus activos de marca y producto
Durante la incorporación (o después desde la configuración de tu organización), carga los activos que definen tu marca y producto. Claude los analizará y extraerá un sistema de diseño reutilizable.
Qué cargar:
Bases de código: Si tu sistema de diseño está en código (por ejemplo, una biblioteca de componentes React), puedes vincular o cargar el repositorio. Claude leerá los componentes y estilos.
Prototipos: Capturas de pantalla, flujos web y archivos de diseño existentes.
Presentaciones o documentos: Incluso un PowerPoint o PDF bien diseñado que refleje tu marca puede funcionar. Claude extrae colores, patrones de diseño y opciones tipográficas.
Activos individuales: Logotipos, archivos de paleta de colores, especímenes de tipografía.
Solo necesitas una fuente para comenzar, pero proporcionar múltiples le da a Claude más material para trabajar.
Paso 3: Revisa el sistema de diseño generado
Después de cargar, Claude genera un sistema de diseño (kit de interfaz) para tu organización. Esto típicamente incluye:
Paleta de colores: Colores primarios, secundarios y de acento extraídos de tus activos.
Tipografía: Familias de fuentes, tamaños y pesos.
Componentes: Botones, tarjetas, elementos de navegación y otros patrones de interfaz reutilizables.
Patrones de diseño: Espaciado, sistemas de cuadrícula y estructuras de página.
Para validar tu sistema de diseño, crea un proyecto de prueba y verifica si el resultado coincide con las expectativas de tu marca. Prueba indicaciones como:
"Crea una página de inicio para [tu producto]."
"Diseña un panel de control que muestre [métricas relevantes]."
"Haz una presentación sobre [un tema que tu equipo presenta comúnmente]."
Paso 4: Ponlo a disposición de tu equipo
Una vez que estés satisfecho con la calidad del sistema de diseño, asegúrate de que el botón "Publicado" esté activado. Después de publicar, cualquier proyecto creado desde la pantalla de inicio de Claude Design mientras estés en tu organización utilizará tu sistema de diseño en lugar del predeterminado.
Consejos para obtener los mejores resultados
Incluye ejemplos reales, no solo especificaciones. Una página de inicio o sitio de marketing terminado le dice a Claude más sobre la sensación de tu marca que una paleta de colores sola.
Itera. Si la primera extracción no captura bien tu marca, intenta cargar activos adicionales o diferentes.
Actualizar tu sistema de diseño
Las marcas evolucionan. Cuando tu sistema de diseño cambia, puedes actualizarlo dentro de Claude Design. Desde la configuración de tu organización de Claude Design, haz clic en el botón "Abrir" junto al sistema de diseño que deseas editar. Haz clic en el botón "Remix" en la esquina superior derecha para abrir la interfaz de chat en el lado izquierdo de la ventana. Desde aquí, puedes trabajar con Claude para cambiar tu sistema de diseño.