¿Cómo entregas diseños a ingeniería?

Respuesta directa

Qué debe cubrir una buena respuesta

Cómo funciona

La entrega funciona cuando es una conversación que empieza antes de que el diseño sea final y continúa hasta que la funcionalidad se publica. La diseñadora aporta flujos enlazados y no pantallas aisladas, comportamiento responsivo en los puntos de corte acordados, referencias a componentes y tokens del sistema de diseño en lugar de valores en bruto, todos los estados incluidos vacío, carga, error y casos límite, contenido y textos reales, notas de accesibilidad como orden de foco y etiquetas, recursos exportados y ejemplos de aceptación contra los que los ingenieros pueden probar. Los ingenieros revisan pronto el diseño por viabilidad, la diseñadora revisa la implementación en cuanto existe una build, y las desviaciones se deciden juntos y se registran.

Ejemplo

Para un nuevo flujo de onboarding la diseñadora compartió un prototipo de Figma con los seis pasos enlazados, anotaciones que asociaban cada elemento a componentes del sistema, un estado vacío para usuarios sin datos, un estado de error para una importación fallida, los textos en el fichero y una lista de ejemplos de aceptación. El ingeniero señaló en la primera revisión que el paso cuatro necesitaba una API inexistente, y el flujo se reordenó. La diseñadora revisó la build de staging dos veces y registró tres desviaciones de espaciado, dos de las cuales se aceptaron como tokens que el sistema no tenía.

Errores frecuentes

• Entregar pantallas estáticas y desaparecer hasta el lanzamiento.
• Especificar valores de píxeles en bruto que ignoran el sistema de diseño.
• Omitir los estados vacío, de carga y de error y dejar que los ingenieros los inventen.

Una estructura útil para responder

Responde desde tu propia experiencia.

No memorices un guion: usa solo ejemplos que puedas explicar con honestidad en preguntas posteriores.