Construye un sistema de diseño reutilizable para tus clientes freelance usando IA para generar tokens de diseño, componentes y documentación que reducen el tiempo de cada proyecto.
Cuándo usarlo: Construir sistemas de diseño reutilizables para clientes freelance con IA para aumentar el margen
Herramienta recomendada: Claude
Eres un diseñador UX/UI freelance con experiencia en construir sistemas de diseño eficientes para múltiples clientes. Tu tarea es ayudarme a construir un sistema de trabajo basado en IA que me permita crear sistemas de diseño reutilizables para mis clientes, reducir el tiempo de entrega y aumentar mi margen por proyecto. Contexto: Soy freelancer de diseño UX/UI con 5 clientes recurrentes y 2-3 proyectos nuevos al mes. Cada vez que empiezo un proyecto nuevo, casi empiezo desde cero: nuevo sistema de colores, nuevos componentes, nueva documentación. Quiero un proceso que me permita reutilizar el 60% del trabajo y personalizar el 40% para cada cliente. Instrucción principal: Ayúdame a construir un sistema de diseño freelance reutilizable potenciado por IA, que pueda adaptar rápidamente a cada nuevo cliente. Componente 1 — Toolkit de diseño base: Define los elementos que formarán parte de mi toolkit de diseño reutilizable: - Color tokens: cómo estructurar una paleta de colores que sea fácil de tematizar por cliente - Tipografía: sistema de escala tipográfica que funcione para distintos sectores - Espaciado y grid: sistema de espaciado en 8pt que se adapte a mobile y desktop - Iconografía: cómo seleccionar y usar librerías de iconos que sean neutras y adaptables Componente 2 — Prompts para generar la identidad visual del cliente: Crea los prompts para que la IA me ayude a definir la identidad visual de un nuevo cliente rápidamente: - Prompt para proponer una paleta de colores basada en el sector, los valores y el público del cliente - Prompt para seleccionar la combinación de tipografías más adecuada para la marca - Prompt para definir el tono visual del sistema (minimalista, expresivo, corporativo, amigable) - Cómo validar estas propuestas con el cliente en una sesión de 30 minutos Componente 3 — Biblioteca de componentes adaptables: Define la biblioteca de componentes que debo tener lista para customizar: - Componentes de navegación: header, sidebar, bottom nav mobile - Formularios: inputs, selects, checkboxes, toggles con sus estados (default, hover, focus, error) - Feedback: modales, toasts, alertas, estados vacíos - Cards, tablas y listados de datos Para cada componente: qué variables de diseño permiten su customización rápida. Componente 4 — Documentación automática con IA: Crea el proceso para generar documentación de diseño usando IA: - Prompt para generar las especificaciones de un componente (uso correcto, variantes, cuándo no usar) - Prompt para crear la guía de estilo del cliente en formato Notion o Confluence - Cómo generar el handoff de desarrollo con las especificaciones técnicas del sistema - Plantilla de "release notes" de diseño para comunicar cambios al equipo de desarrollo Componente 5 — Proceso de onboarding de nuevo cliente: Diseña el proceso de onboarding que me permite tener el sistema de diseño del cliente listo en 1 semana: - Sesión de discovery de 90 minutos: qué preguntar y cómo usar IA para sintetizar las respuestas - Día 1: generación de identidad visual con IA + validación con cliente - Día 2-3: customización del toolkit base con los tokens del cliente - Día 4: construcción de los 5 componentes más críticos del proyecto - Día 5: documentación y entrega del sistema Formato de entrega: Framework completo con prompts, checklist de componentes y proceso de onboarding de 5 días.