- Se está extendiendo una forma de trabajo en la que los diseñadores usan agentes basados en CLI como Claude Code como si fueran un banco de trabajo, para crear y corregir rápido
- Con el editor visual de Cursor pueden comprobar al instante ajustes finos como padding y espaciado, reduciendo el ida y vuelta de prompts
- Si no encuentran el efecto de UI que necesitan, terminan creando por su cuenta un pequeño playground/estudio para probar opciones y luego llevar el código definido al proyecto principal
- También se está fortaleciendo el patrón de meter referencias atractivas como URL para que analice y aplique la técnica, avanzando al mismo tiempo en aprendizaje e implementación
- Los archivos Claude.md globales y de proyecto se mantienen ligeros, y si hace falta se dividen en subcarpetas para reducir el crecimiento del contexto
- Está surgiendo la idea de tratar Claude Code no como una herramienta de programación, sino como una computadora
El banco de trabajo con IA del diseñador en 2026
- Se está difundiendo la idea de que antes que encontrar la configuración correcta, lo prioritario es fortalecer las habilidades (el músculo)
- La pared de herramientas de cada banco de trabajo cambia según la persona, y obsesionarse con el “stack correcto” termina siendo una pérdida de tiempo
- Incluso si cambian las herramientas, la filosofía/el enfoque que funciona dura más
Cursor: navegador dentro de la app y editor visual
- El editor visual permite “ajustar al instante → comprobar al instante”, acelerando el fine-tuning
- Aunque no se conozcan con exactitud valores como el padding, se pueden ajustar directamente en la UI e iterar hasta optimizar
- En lugar del ida y vuelta con prompts, para los diseñadores resulta más natural tocar directamente la pantalla
- La extensión de VS Code funciona como una puerta de entrada que reduce el miedo al terminal
- La navegación con mouse/scroll en la UI de la app marca una diferencia de productividad frente al terminal
Si no lo encuentras, créalo: estrategia de playground
- Si no existe la interacción deseada, se construye directamente un estudio personal para experimentar solo con ese elemento
- Se crea un entorno de pruebas de opciones para una animación de sonido waveform on/off que acompañe a un video hover
- Después de elegir el estado que convence, se trae el código y se conecta al componente del proyecto principal
- Un efecto/parámetro creado una vez se amplía reutilizándolo en otros íconos y elementos
- Herramientas como un hologram projector que muestra un upload de video en 3D también se crean de la misma manera
Cómo trabajar con efectos difíciles de explicar con palabras
- Si se aprenden los términos y convenciones de nombres de código que usan los desarrolladores, el modelo empareja mejor los efectos
- Expresiones como “glitchy” o “CRT scan lines” llevan directamente a una implementación en código
- Si se añade la fuente (URL) de un buen ejemplo y se hace que encuentre y aplique la técnica, la velocidad de aprendizaje aumenta
Añadir enlaces externos e implementarlo tal cual: multi-layer shadow
- Se adopta una técnica que crea borde + sensación de volumen con varias capas de sombra en lugar de borde
- A partir de la cantidad de capas (por ejemplo, 3), se puede variar el efecto, como ampliarlo a 5 si se quiere algo más fuerte
- Se diseña una diferencia sutil variando el número de capas según el elemento, como botones o contenedores
- La misma teoría se aplica repetidamente a distintas UI para reforzar la consistencia visual
Sistematizar el gusto con skills/subagentes
- Se construyen agentes de auditoría visual/de interacción usando como material de aprendizaje conjuntos de referencias como Yakob y Jay Tompkins
- El plugin Compounding Engineering actúa como catalizador para crear más rápido configuraciones de skills/agentes
- Si se automatiza la auditoría basada en referencias, se puede operar de forma repetida el bucle manual de “revisar-mejorar”
- Si se mete todo el gusto de un diseñador en una sola skill, pierde utilidad; hay que acotarla deliberadamente, como si fuera una cirugía
- Hay que cuidarse de sesgos como “siempre sutil” y necesitar un criterio para distinguir entre énfasis y detalle de fondo
Panel de control Leva: perillas para ajustar detalles desde el código
- En React/Next.js, Leva permite exponer parámetros como perillas/sliders para ajustarlos al instante
- Se afinan en tiempo real valores como la duración de una animación de líneas en esquinas al hover o el timing del tracer
- La configuración se automatiza solo con una instrucción en lenguaje natural como “pon Leva y conecta lo que quiero ajustar”
- Aunque no se sepa qué parámetros hacen falta, se puede empezar con “crea perillas relacionadas” e ir explorando
Principios para operar Claude.md: ligero, separado, localizado
- En el Claude.md global solo deben ir reglas realmente universales, y en el Claude.md del proyecto también hay que evitar convertirlo en una enciclopedia excesiva
- Si el documento de memoria persistente crece demasiado, el contexto se ensucia y la calidad del trabajo baja
- Separar instrucciones por área con Claude.md por subdirectorio permite cargar solo el contexto necesario
- También se pueden convertir en patrón frases disparadoras globales como “se necesita control de UI”, para adoptar Leva automáticamente en ese caso
Actitud al elegir herramientas: salir del loop de optimizar la configuración
- Las recomendaciones de herramientas pierden sentido tras unos meses, y los mensajes de contenido tipo “10x productividad” provocan un loop de sobreoptimización
- Cuanto menos técnico es el diseñador, más fácil es seguir los consejos al pie de la letra, por lo que un enfoque centrado en principios sirve de defensa
- Igual que con pedales y amplificadores de guitarra, más que una respuesta correcta, el gusto y el objetivo deciden el stack
- “No poder construir de verdad por estar optimizando el sistema” es la pérdida más grande
Estrategia de inversión para personas con presupuesto limitado
- Hace falta una estrategia que aproveche al máximo las pruebas gratis y reduzca el solapamiento entre herramientas para bajar el ruido
- Si se topa seguido con el límite de $20 de Claude Code, se puede sumar una suscripción de $20 como Factory para distribuir el acceso a modelos
- Es posible operar de ida y vuelta, por ejemplo generando UI con Gemini 3 Pro en Factory y haciendo el trabajo grande en Claude Code
- El tier de $100 de Claude Code reduce el estrés por límites y ayuda a mantener el flujo
- También se busca eficiencia ampliando el uso de Claude Code a tareas como organizar Obsidian u ordenar Linear, usándolo como una “computadora”
Tuneup Day: fijar los experimentos en el calendario
- Se reserva medio día con la regla de “prohibido producir, solo se permite mejorar la configuración”, para concentrar experimentos y mantenimiento
- Se consolida la práctica de agrupar en un solo día la instalación de plugins, la organización de carpetas, la prueba de nuevos workflows y la lectura profunda de entrevistas o textos
- Se forma el hábito operativo de ir acumulando en una lista lo que se hará en el próximo tuneup day y elegir qué resolver ese día
- Esto contribuye a acelerar la experimentación y evitar el loop de sobreoptimización
Aún no hay comentarios.