Proceso
Trabajo con un método que me ayuda a explicar mis decisiones, probar las propuestas y revisarlas a partir de lo aprendido.
No sigo estas fases como una receta cerrada. Las uso para liberar atención: cuando lo repetible tiene una estructura, puedo dedicar más tiempo a escuchar, interpretar y tomar las decisiones que de verdad cambian el producto.
Cada fase deja una evidencia y una razón. Así puedo discutir el trabajo con otras personas, retomarlo meses después y reconocer con honestidad qué sabemos, qué estamos suponiendo y qué falta por comprobar.
Las seis fases
01
Definir el problema, la audiencia y la restricción real antes de dibujar nada.
02
Contrastar mis primeras impresiones con el contexto y las necesidades de las personas.
03
Definir una base de tipografía, color, espaciado y componentes que pueda mantenerse al crecer.
04
Pantallas montadas con instancias del sistema, navegables desde el primer día.
05
Mantener una relación reconocible entre los componentes de Figma y su implementación.
06
Probar el resultado en el navegador y revisar lo que una prueba automática no puede valorar.
La capa de IA
Defino el problema, las prioridades y los criterios de calidad. La IA puede proponer alternativas, pero me corresponde valorar si tienen sentido para el usuario y asumir la decisión que tomamos.
La utilizo para explorar variantes, preparar componentes, revisar código y proponer pruebas. Le doy contexto y límites concretos. Después comparo el resultado con el diseño y con el comportamiento que esperaba.
Dejo por escrito qué puede hacer cada herramienta, qué necesita mi aprobación y cómo comprobaré el resultado. Cuando una decisión es importante, busco una revisión independiente y conservo el motivo del cambio.
Principios
Me interesa que una buena decisión pueda repetirse. Por eso relaciono las pantallas con componentes, estados y reglas comunes, y reviso el sistema cuando aparece una necesidad nueva.
Intento mostrar cómo he llegado al resultado: el prototipo, los componentes y las comprobaciones disponibles. También explico qué parte está en desarrollo o no se ha validado todavía.
Cuido la tipografía, los espacios y el movimiento porque influyen en cómo se entiende una interfaz. Si un efecto distrae o una composición dificulta leer, reviso la decisión aunque visualmente me guste.
Adapto el método al problema. Me interesa documentar lo que facilita trabajar y aprender, sin añadir pasos que el equipo no necesita.
Verlo aplicado
En cada caso explico qué pude aplicar, qué decisiones tomé y qué quedó pendiente de comprobar.