Sesiones prácticas para equipos que quieren unificar su sistema de diseño, revisar la accesibilidad de sus componentes o documentar patrones de interfaz. Trabajamos sobre tus casos reales, no sobre ejercicios genéricos.
Dudas frecuentes del taller
Antes de inscribirte, estas son las cuestiones que más nos plantean los equipos. Si tu caso no aparece aquí, escríbenos y lo resolvemos por correo.
El contenido está pensado para perfiles mixtos: diseñadores de producto con algo de exposición a código y desarrolladores front-end que quieran entender mejor el lado del diseño. Las primeras sesiones repasan fundamentos, así que no hace falta un nivel senior. Lo importante es traer un proyecto real o un componente en el que quieras trabajar.
Cada asistente recibe un paquete con las guías en PDF, los archivos editables en Figma y un repositorio con ejemplos de código. Además, tienes acceso a las grabaciones de las sesiones durante tres meses y a una plantilla de auditoría de accesibilidad que usamos durante el taller. No es solo teoría: todo lo que se ve se puede aplicar al día siguiente.
Alternamos bloques de explicación con ejercicios prácticos en parejas. La idea es que un diseñador y un desarrollador trabajen juntos sobre el mismo componente, pasando del wireframe al código. Así se ven en directo los puntos de fricción y se acuerdan soluciones de nomenclatura y estructura. No es una clase magistral, es un laboratorio.
Solo necesitas una cuenta gratuita de Figma y un editor de código como VS Code. Una semana antes del taller enviamos una guía de preparación con los plugins recomendados y la estructura de carpetas que usaremos. Si tienes algún problema con la instalación, nuestro equipo te ayuda por correo antes de que empiece la primera sesión.
Trabajamos con HTML, CSS y JavaScript vanilla para que los principios sean transferibles a cualquier stack. Durante los ejercicios mostramos cómo adaptar los componentes a React o Vue, pero el foco está en la lógica de diseño y en la comunicación entre roles. Así, el aprendizaje no queda atado a una herramienta específica.
La biblioteca contiene materiales autocontenidos que puedes descargar y usar a tu ritmo. El workshop, en cambio, es un proceso guiado con seguimiento y feedback directo sobre tu trabajo. Si ya has usado alguna de nuestras guías, el taller te sirve para resolver dudas concretas y ver cómo otros equipos aplican los mismos criterios en contextos distintos.
¿Tienes una duda sobre fechas o grupos para tu equipo?
Consultar disponibilidadFormatos de trabajo
Cada taller se diseña a partir de un problema real de tu equipo: una librería de componentes que no se mantiene, una auditoría de accesibilidad pendiente o un sistema de iconos sin documentar. Trabajamos sobre tus archivos, no sobre casos genéricos.
Revisamos tu librería actual contra criterios de consistencia visual, nomenclatura y accesibilidad. El resultado es un informe priorizado con los componentes que necesitan ajuste y una hoja de ruta para corregirlos sin detener el desarrollo.
Duración: 1 jornada · Formato: presencial o remoto
Un taller práctico donde aplicamos un checklist de 25 puntos sobre tus pantallas reales: contraste, foco visible, navegación por teclado y lectores de pantalla. Salís con los errores detectados y las correcciones aplicadas en el momento.
Duración: media jornada · Incluye plantilla descargable
Definimos la retícula base, pesos de trazo y niveles de detalle para crear una librería coherente con tu marca. Documentamos cada icono con tokens de color y tamaños, listos para exportar a SVG optimizado.
Duración: 2 jornadas · Incluye set de 120 iconos
Trabajamos sobre tu escala tipográfica actual para definir jerarquías claras, espaciados consistentes y una retícula que funcione en distintos breakpoints. El entregable incluye tokens de tipografía documentados para tu equipo de desarrollo.
Duración: 1 jornada · Incluye archivos editables
Analizamos cómo se transfieren tus diseños a código hoy y detectamos los cuellos de botella: nomenclatura inconsistente, versionado de archivos o falta de documentación. Proponemos acuerdos concretos que tu equipo puede adoptar desde la semana siguiente.
Duración: 1 jornada · Incluye plantilla de auditoría
Creamos una estructura de documentación para tus componentes que se mantiene actualizada sin esfuerzo extra. Definimos qué documentar, cómo hacerlo y dónde, para que el equipo consulte siempre la versión correcta.
Duración: 2 jornadas · Incluye plantilla de documentación
¿No sabés qué formato se adapta mejor a tu equipo? Revisá nuestro enfoque de trabajo o consultá los planes disponibles para encontrar el punto de partida adecuado.