Instalar Para quién es Para diseñadores
Feedback de diseño web para diseñadores
Como diseñador, eres quien está más cerca del sitio en vivo de todo el equipo. Detectas el botón desalineado, el icono con el tamaño equivocado, el espaciado que en Figma se veía bien pero se rompe a 1280px. Ese feedback de diseño web es oro, siempre que no se pierda por el camino.
Luego viene lo difícil: que ese arreglo llegue a la cola del desarrollador sin perder el detalle.
Por qué el bucle de capturas te frena
Ves algo en el sitio. Pulsas Cmd+Shift+4, arrastras un recuadro, lo pegas en Figma, dibujas una flecha, escribes una nota, exportas y lo sueltas en Slack.
Para cuando le llega a un desarrollador, se ha perdido la mitad del contexto. Y ya es el décimo bug del día.
Cómo se ve en la extensión
Abres la extensión directamente en la página. Sin cambiar de pestaña.
- Arrastra un recuadro alrededor de un layout roto o haz clic en un elemento para fijarle una nota.
- Escribe el arreglo con palabras sencillas. Marca su urgencia.
- Graba un clip corto cuando algo solo se entiende en movimiento.
- Sigue añadiendo notas: todas van a la misma revisión.
Cómo enviar los cambios a desarrollo
Cuando terminas, no envías una carpeta de capturas. Envías toda la revisión de una vez:
- Comparte un enlace: el desarrollador lo abre y ve cada comentario en su contexto, sobre la página real.
- Descarga HTML o PDF para enviarlo por Slack o por correo.
- Pasa todo el lote a Claude Code o Codex y tu agente de IA llevará los arreglos directamente al código.
También para críticas de diseño asíncronas
No sirve solo para el handoff. Comparte el mismo enlace en un canal de diseño y tu equipo podrá comentar sobre la versión en vivo, no sobre una exportación de Figma desactualizada.
Mantén varias revisiones a la vez para el mismo dominio: una por página, una por funcionalidad, una para la siguiente ronda.
La creé para mi propio proceso de handoff de diseño; aquí cuento por qué (en inglés).