Estados y notificaciones de Dev Mode
Antes de empezar
Quién puede utilizar esta función
Las notificaciones y el estado Ready for Dev están disponibles en todos los planes de pago
El estado Completado está disponible en los planes Organización y Empresarial
Se requiere una licencia completa de Design o una licencia del modo de desarrollo
Los estados y las notificaciones en Dev Mode ayudan a administrar la entrega al desarrollador. Los estados se utilizan para hacer un seguimiento de cuándo las secciones, los marcos o los componentes están listos para el desarrollo. Las notificaciones se basan en los cambios de estado para que los desarrolladores puedan reaccionar al estado de los diseños.
Estados
Los estados de Dev Mode muestran la etapa actual de un diseño para la entrega. Los diseñadores pueden agregar notas a los estados sobre actualizaciones o cambios.
Hay dos estados disponibles en Dev Mode para administrar la entrega:
- Ready for Dev: indica las secciones, los marcos y los componentes que están listos para que un desarrollador los revise e implemente.
- Completado (planes Organización y Empresarial): indica que el trabajo de desarrollo del diseño se ha completado.
Tanto el estado Ready for Dev como el estado Completado también tienen un estado Cambiado. El estado Cambiado se establece cuando se modifica un diseño que se ha marcado como listo para el desarrollo o completado. No se puede configurar manualmente.
Cuando un diseñador actualiza un diseño previamente marcado como listo para su desarrollo o completado, debe seguir los pasos para actualizar el estado del diseño modificado y borrar el estado Cambiado.
Cuando un desarrollador se encuentra con un diseño que se ha cambiado, puede comparar los cambios para ver por qué ha cambiado el estado y las diferencias con la versión anterior. El desarrollador también debe ponerse en contacto con sus diseñadores para actualizar el estado del diseño modificado.
Un diseño no se marcará como modificado en las siguientes instancias:
- Si una instancia de componente se actualiza desde una biblioteca compartida
- Si hay un cambio en el valor de una variable (local o compartida) que ya está asociada a una capa en el diseño
- Si hay un cambio en el valor de un estilo (local o compartido) que ya está asociado a una capa en el diseño
- Si el cambio es temporal, por ejemplo, al pasar el cursor sobre un objeto que utiliza el diseño automático
Los estados, incluida la actualización de un estado que ha cambiado, pueden establecerse mientras se editan diseños o en Dev Mode. También puedes cambiar y actualizar los estados en la vista Ready for Dev y vista de enfoque de Dev Mode.
Marcar un diseño como listo para desarrollo
Para marcar un diseño como Ready for Dev:
- En Figma Design o Dev Mode, selecciona una sección, un marco o un componente.
- Para secciones y marcos, junto a la etiqueta, haz clic en Marcar como Ready for Dev. En el caso de los componentes, el botón se encuentra encima de la esquina superior derecha. A todos los usuarios que hayan abierto previamente el archivo en Dev Mode se les notifica que el diseño está marcado como Ready for Dev.
Eliminar el estado «Ready for Dev»
Para quitar el estado Ready for Dev :
- Para la sección, marco o componente donde deseas borrar el estado, haz clic en Ready for Dev.
- En el menú desplegable, haz clic en Eliminar estado.
Marcar un diseño como completado (planes Organización y Empresarial)
Para marcar un diseño como completado:
- Para la sección, el marco o el componente que deseas marcar como completado, haz clic en Ready for Dev.
- En el menú desplegable, haz clic en Marcar como completado. Todos los usuarios que hayan abierto el archivo anteriormente recibirán una notificación de que el diseño se ha completado.
Actualizar el estado de un diseño modificado (planes Organización y Empresarial)
Para actualizar el estado de un diseño que ha cambiado:
- Para la sección, el marco o el componente que ha actualizado, haz clic en Ready for Dev.
- Opcionalmente, en el cuadro de texto que aparece, escribe un motivo para el cambio. El motivo se incluye en el historial de versiones del diseño y en las notificaciones activadas por el cambio.
- Haz clic en He terminado con los cambios. El estado es Ready for Dev. Todos los usuarios que hayan abierto el archivo anteriormente reciben una notificación de que el diseño se ha actualizado. Si escribiste un motivo para el cambio, ese motivo se incluye en la notificación.
Notificaciones
Las notificaciones de Dev Mode te mantienen informado cuando el estado de un archivo cambia. Figma admite notificaciones emergentes por correo electrónico, escritorio y dispositivos móviles de forma predeterminada. También puedes configurar:
- Notificaciones de Slack con la integración de Slack para Figma
- Notificaciones de Teams con la aplicación Figma para Microsoft Teams
Si has visto un archivo en Dev Mode y tienes un puesto completo o de desarrollador, recibirás notificaciones cuando los diseños se marquen por primera vez como Ready for Dev.
Si tienes un plan Organization o Empresarial, se activan notificaciones adicionales:
- En el caso de los diseños que anteriormente estaban Ready for Dev o Completado, cuando el estado sea Actualizado tras un cambio en el diseño.
- Cuando un diseño se marca como Completado
Si varios diseños cambian de estado en una hora, las notificaciones se agrupan por tipo. Por ejemplo, varias actualizaciones de Ready for dev se combinarán en una sola notificación.
Las notificaciones de Dev Mode incluyen enlaces a los diseños relevantes:
- El enlace Inspeccionar en Dev Mode lleva a la vista Ready for Dev del archivo de Figma correspondiente.
- Las tarjetas individuales para diseños abren el diseño correspondiente en la vista de enfoque.
Administrar las notificaciones de Dev Mode
Para cambiar la configuración de las notificaciones del modo de desarrollo en un archivo:
- Abre un archivo de diseño de Figma.
- Haz clic en la opción de alternancia de Dev Mode o utiliza el atajo de teclado Mayús + D.
- Haz clic en Comentar o pulsa C para pasar al modo de comentarios.
- Haz clic en Configuración en la parte superior de la barra lateral derecha.
- Selecciona una de las siguientes opciones en el menú desplegable:
- Cambios en el estado: recibirás una notificación cada vez que un diseño del archivo se marque como Ready for Dev.
- Nada: No recibirás ninguna notificación del modo de desarrollo.
Esta configuración se puede cambiar en la interfaz del modo de desarrollo y en cada diseño.