Vista Listo para el Desarrollo en el Modo de Desarrollo

El proceso de traspaso al desarrollador no se produce en un único momento. En su lugar, los diseños pueden pasar por varios ciclos de iteración a medida que el equipo sigue perfeccionando las ideas y aplicando los comentarios.

Uno de los momentos clave del proceso, y que puede repetirse con frecuencia, es cuando hay que revisar los diseños que están listos para el desarrollo. A medida que los diseñadores de tu organización trabajan en los diseños, van marcando secciones, marcos y componentes en los archivos de diseño como Listos para el desarrollo. Antes de implementar los diseños en tu código fuente, tú y tus desarrolladores necesitan ver el diseño.

Para evitar confusiones e impedir que se pierdan detalles importantes, los desarrolladores pueden acceder a una vista en Modo de Desarrollo que muestra una lista de todos los diseños de un archivo determinado marcados con el estado de desarrollo. Además, la vista Listo para el Desarrollo resalta cuándo se ha actualizado más recientemente un diseño, para que puedas saber si ha cambiado desde el traspaso inicial.

Vista Listo para el Desarrollo

La vista Listo para el Desarrollo en el Modo de Desarrollo muestra todos los diseños marcados como Listo para el Desarrollo en una única ubicación. Esto permite a los desarrolladores encontrar rápidamente lo que necesitan sin tener que navegar por el espacio de trabajo o por varias páginas. Un contador muestra el número de diseños que han sido marcados como Listos para el Desarrollo.

Para acceder a la vista Listo para el Desarrollo:

1. Abre un archivo de Figma Design.
2. Haz clic en Listo para el Desarrollo en la barra lateral izquierda.

Nota: La vista Listo para el Desarrollo solo aparece en los archivos que tienen el estado Listo para el Desarrollo en, al menos, un diseño.

Se abre la vista Listo para el Desarrollo, que muestra una lista de todos los diseños marcados con el estado de desarrollo. Desde aquí, puedes hacer lo siguiente:

• Filtrar diseños: Usa las opciones para filtrar por las siguientes categorías:

  • Todos
  • Listos
  • Completados

  También puedes ordenar la visualización por el siguiente orden:

  • Actividad reciente
  • Páginas
  • Nombre (A-Z)

• Enfócate en un diseño: en la vista Listo para el Desarrollo, haz clic en un diseño para acceder a una vista de enfoque.

Estados

En el Modo de Desarrollo, un estado de desarrollo indica el estado actual de los diseños en términos de traspaso. Los estados pueden incluir notas de los diseñadores sobre el diseño y lo que ha cambiado. El Modo de Desarrollo proporciona algunos estados para ayudar a gestionar el traspaso:

• Listo para el Desarrollo: establece secciones, marcos y componentes que están listos para que un desarrollador los revise e implemente.
• Completado: Indica que el trabajo de desarrollo del diseño finalizó (solo Organización y Empresa).

Para obtener más información sobre los estados, consulta Estados y notificaciones de Dev Mode.

En el contexto de la vista Listo para el Desarrollo, el estado aparece en la esquina superior derecha de cada diseño de la lista.

Vista de enfoque

La vista de enfoque en Modo de Desarrollo aísla un diseño específico que está listo para su desarrollo. Cuando te enfocas en un diseño, puedes inspeccionar sus capas, ver un historial de las versiones, así como aprovechar todas las funciones habituales del Modo de Desarrollo. Más información sobre la vista de enfoque →