Estados y notificaciones de Dev Mode
Antes de empezar
Quién puede utilizar esta función
Las notificaciones y el estado Listo para el desarrollo están disponibles en todos los planes de pago.
El estado Completado está disponible en los planes Organización y Empresa.
Requiere un acceso de Diseño completo o un acceso de Modo de Desarrollo
Los estados y las notificaciones en Dev Mode ayudan a gestionar la entrega al desarrollador. Los estados se emplean para realizar 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 gestionar la entrega:
- Listo para el desarrollo: establece secciones, marcos y componentes que están listos para que un desarrollador los revise e implemente.
- Completado (planes Organización y Empresa): indica que el trabajo de desarrollo del diseño se completó.
Tanto el estado Listo para el desarrollo como el estado Completado también tienen un estado Cambiado . El estado Cambiado se establece cuando se modifica un diseño que se marcó como listo para el desarrollo o completado. No se puede configurar manualmente.
Cuando un diseñador actualiza un diseño marcado anteriormente como listo para el desarrollo o completado, debe seguir los pasos para actualizar el estado del diseño cambiado para borrar el estado Cambiado.
Cuando un desarrollador encuentra un diseño que se ha modificado, puede comparar los cambios para ver por qué ha cambiado el estado y las diferencias con respecto a la versión anterior. El desarrollador también debe comunicarse con sus diseñadores para actualizar el estado del diseño modificado.
Un diseño no se marcará como cambiado 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, como al pasar el cursor de un objeto sobre un diseño que utiliza la disposición automática.
Los estados, incluida la actualización de un estado que ha cambiado, se pueden establecer mientras se editan diseños o en Dev Mode. También puedes cambiar y actualizar los estados en Dev Mode Vista Ready for Dev y Vista enfocada.
Marcar un diseño como listo para el desarrollo
Para marcar un diseño como listo para el desarrollo:
- 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 listo para el desarrollo. En el caso de los componentes, el botón se encuentra arriba de la esquina superior derecha. Cualquier usuario que haya abierto previamente el archivo en Dev Mode recibe una notificación de que el diseño está marcado como Listo para el desarrollo.
Eliminar el estado Listo para el desarrollo
Para eliminar el estado Listo para el desarrollo:
- Para la sección, el marco o el componente en que deseas borrar el estado, haz clic en Listo para el desarrollo.
- En el menú desplegable, haz clic en Eliminar estado.
Marcar un diseño como completado (planes Organización y Empresa)
Para marcar un diseño como completado:
- Para la sección, el marco o el componente que deseas marcar como completado, haz clic en Listo para el desarrollo.
- En el menú desplegable, haz clic en Marcar como completado. Cualquier usuario que haya abierto previamente el archivo recibe una notificación de que el diseño se ha completado.
Actualizar el estado de un diseño modificado (planes Organización y Empresa)
Para actualizar el estado de un diseño que cambió:
- Para la sección, el marco o el componente que se actualizó, haz clic en Listo para el desarrollo.
- Opcionalmente, en el cuadro de texto que aparece, escribe un motivo para el cambio. El motivo se incluye en el historial de versiones para el diseño y las notificaciones activadas por el cambio.
- Haz clic en Listo con los cambios. El estado se establece en Listo para el desarrollo. Todos los usuarios que abrieron antes el archivo reciben una notificación de que el diseño se ha actualizado. Si escribiste un motivo para el cambio, se incluye en la notificación.
Notificaciones
Las notificaciones de Dev Mode te mantienen informado cuando los estados cambian en un archivo. Figma admite notificaciones push por correo electrónico y en dispositivos de escritorio y móviles de forma predeterminada. También puedes configurar estas notificaciones:
- Notificaciones de Slack con la integración de Slack para Figma
- Notificaciones de equipos con la aplicación de Figma para Microsoft Teams
Si has visto un archivo en Dev Mode y tienes un usuario full o de desarrollo, recibirás notificaciones cuando los diseños se marquen por primera vez con el estado Listo para el desarrollo.
Si tienes un plan Organización o Empresa, se activan notificaciones adicionales:
- Para los diseños que antes tenían el estado Listo para el desarrollo o Completado, cuando este se actualiza después de un cambio en el diseño.
- Cuando un diseño se marca como Completado.
Si varios diseños cambian de estado en el plazo de una hora, las notificaciones se agrupan por tipo. Por ejemplo, varias actualizaciones de Listo para el desarrollo 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 va a la Vista Ready for Dev para el archivo de Figma correspondiente.
- Las tarjetas individuales de los diseños abren el diseño correspondiente en la Vista enfocada.
Administrar notificaciones de Dev Mode
Para modificar los ajustes de notificación del Modo de Desarrollo para un archivo:
- Abre un archivo de Figma Design.
- Haz clic en el botón Dev Mode o utiliza el atajo de teclado ShiftD.
- Haz clic en Comentar o presiona C para acceder al modo de comentarios.
- En la parte superior de la barra lateral derecha, haz clic en Configuración .
- En el menú desplegable, selecciona una de las siguientes opciones:
- Cambios de estado: Este ajuste te notifica cada vez que un diseño del archivo se marca como Listo para el desarrollo.
- Ninguna: No recibes notificaciones del Modo de Desarrollo.
La configuración de las notificaciones del Modo de Desarrollo puede modificarse en la interfaz del Modo de Desarrollo y cuando se está enfocado en un diseño.