Cuando trabajo con clientes, una de las cosas que más me frustra —y que más cuesta evitar— son las revisiones infinitas. He aprendido que muchas veces no es culpa de la creatividad, sino de la falta de un proceso claro y de herramientas mal aprovechadas. Figma y FigJam, usados de forma complementaria, pueden transformar completamente la colaboración: desde el briefing inicial hasta la entrega final, reducen malentendidos, aceleran decisiones y mantienen el proyecto alineado.
Por qué uso Figma y FigJam juntos
En mi práctica, FigJam es el espacio para pensar, acordar y alinear; Figma es el espacio para diseñar y ejecutar. FigJam funciona como un lienzo colaborativo donde planteamos ideas, mapeamos flujos, co-creamos wireframes y definimos prioridades con el cliente. Figma es donde construimos componentes, prototipos y entregables visuales que se pueden testear y handoff a desarrollo.
Separar estas fases evita que las decisiones estratégicas se mezclen con los detalles visuales. Cuando todo se mezcla, el cliente tiende a opinar sobre cosas que no importan aún y eso genera revisiones eternas.
Workflow práctico que aplico con clientes
- Sesión inicial en FigJam: hago una sesión de 60–90 minutos con stakeholders para alinear objetivos, público, métricas de éxito y límites del proyecto. Uso plantillas de Brief, Mapa de Empatía y Sprint Goals.
- Mapa de alcance en FigJam: definimos features por prioridad (Must/Should/Could). Esto se traduce en entregables claros por sprint o bloque de trabajo.
- Wireframes rápidos en FigJam: antes de pasar a Figma hago wireframes de baja fidelidad con el cliente en vivo para validar estructura y flujo.
- Transición a Figma: creo un archivo con páginas separadas (Wireframes, UI, Prototipo, Tokens) y empiezo a construir componentes reutilizables.
- Prototipo y testing: armo un prototipo interactivo en Figma que el cliente puede probar y yo puedo iterar rápidamente.
- Rondas de feedback controlado: gestiono revisiones usando comentarios en Figma y sesiones de revisión cronometradas; evito abrir "revisiones libres" sin límites.
- Handoff y documentación: preparo una página de especificaciones y uso bibliotecas compartidas para que desarrolladores tengan acceso a componentes, tokens y assets.
Plantillas y artefactos que recomiendo crear
- Template de Brief en FigJam: preguntas clave (objetivo, KPIs, público, limitaciones técnicas, ejemplos visuales). Lo dejo editable para que el cliente complete antes de la sesión.
- Board de Prioridades (MoSCoW) en FigJam para acordar alcance por fase.
- Checklist de Revisión en Figma: accesible desde el archivo para que el cliente marque lo que ha validado (texto, accesibilidad, responsive, flujo).
- Tabla de Versiones con links a prototipos: cada entrega tiene un número y resumen de cambios —esto evita debates sobre "¿cuál versión es la buena?".
Cómo gestionar feedback sin morir en el intento
El feedback es la sangre del diseño, pero si no se estructura, se vuelve ruido. Estas son las reglas que impongo —y que explico desde el primer día— a los clientes:
- Usar comentarios en Figma/ FigJam solo para observaciones puntuales; las decisiones de alcance se toman en sesiones conjuntas.
- Priorizar el feedback: “crítico”, “sugerencia” o “cosmética”. Esto ayuda a tomar decisiones rápidas.
- Fijar ventanas de revisión (por ejemplo 48 horas tras entrega) y un número máximo de rondas por fase (2 rondas para diseño visual, 1 para usabilidad).
- Evitar comentarios en cadenas largas de email: siempre centralizo la comunicación en el archivo Figma/ FigJam y en una breve nota en Slack o correo con el resumen.
Funciones concretas de Figma y FigJam que uso a diario
- Propiedades compartidas y Design Systems: mantener tokens de color, tipografía y componentes evita "ajustes ad-hoc" que disparan revisiones.
- Comentarios anclados: permiten al cliente señalar exactamente qué elemento revisa. Respondo y cierro los hilos cuando se resuelve.
- Presentación y prototipos: compartir un link con hotspot interactivo ayuda al cliente a sentir el producto, reduciendo opiniones basadas solo en estática.
- Permisos y roles: doy acceso de "Can view" a stakeholders que no deberían editar, y "Can edit" a colaboradores activos; esto evita que se generen cambios accidentales.
- FigJam Widgets y Stickers: para dinamizar workshops remotos: dot voting, timers y notas ayudan a priorizar en tiempo real.
Plantilla simple de flujo de trabajo (para copiar)
| Fase | Herramienta | Entregable |
|---|---|---|
| Brief y Alineación | FigJam | Brief editable, Mapa de Empatía, MoSCoW |
| Wireframes | FigJam → Figma | Wireframes aprobados (baja fidelidad) |
| Diseño visual | Figma | Archivo UI con componentes y prototipo |
| Revisión | Figma (comentarios) | Rondas de feedback controladas |
| Handoff | Figma + Zeplin/Docs | Componentes, tokens y specs |
Errores comunes y cómo evitarlos
- No documentar decisiones: si no registras por qué se tomó una decisión, volverás a discutirla. Uso FigJam para guardar "decisiones clave" que referencio luego en Figma.
- Permitir cambios en el fondo del archivo: restringe ediciones a diseños en progreso y crea un archivo "master" con las versiones aprobadas.
- No marcar prioridades: responder a cada comentario como si fuera igual de importante genera retrasos. Clasificar el feedback acelera el cierre.
- No probar el prototipo con usuarios: diseñar en un vacío te expone a opiniones contradictorias del cliente. Un test rápido con 5 usuarios aporta datos para justificar decisiones.
Plugins y herramientas que recomiendo
- FigJam Widgets (voting, timers): para workshops y decisiones rápidas.
- Figma Plugins: Content Reel (relleno de contenido real), Blush o Humaaans (ilustraciones), Stark (accesibilidad), Variant Organizer (gestión de variantes de componentes).
- Herramientas externas: Loom para explicar cambios en video; Slack para comunicación rápida; Notion para la documentación extendida de proyecto.
En resumen práctico: define el proceso, separa pensamiento de ejecución, estructura el feedback y aprovecha las capacidades colaborativas de FigJam y Figma. Cuando el cliente participa en la fase de ideación (FigJam) y ve prototipos interactivos (Figma) antes de entrar en las decisiones visuales finales, las revisiones se vuelven precisas y limitadas. Eso me ahorra tiempo y mantiene la creatividad fluyendo donde debe.