Vista Ready for dev en Dev Mode
Este artículo está disponible tanto para la UI anterior de Figma como para la nueva. Utiliza el conmutador de la parte inferior izquierda de la página para seleccionar tu UI actual. Conoce UI3: el rediseño de Figma →
Antes de empezar
Quién puede utilizar esta función
Disponible en los planes Organización y Empresa.
Los usuarios con puestos Full, Dev o View pueden acceder a la vista Ready for dev.
Los usuarios con puestos Full o Dev pueden cambiar los estados.
Los usuarios con puestos Full o Dev pueden acceder a la vista enfocada.
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 la revisión de los diseños que están Ready for dev. 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 Ready for dev. Antes de implementar los diseños en tu código fuente, tus desarrolladores y tú necesitan ver el diseño.
Para evitar confusiones e impedir que se pierdan detalles importantes, los desarrolladores pueden acceder a una vista en Dev Mode que muestra una lista de todos los diseños de un archivo determinado marcados con un dev status. Además, la vista Ready for dev resalta cuándo se ha actualizado más recientemente un diseño para que puedas saber si ha cambiado desde la entrega inicial.
Vista Ready for dev
La vista Ready for dev en el Dev Mode muestra todos los diseños marcados como Ready for dev en una única ubicación. Esto permite a los desarrolladores encontrar rápidamente lo que necesitan sin tener que navegar por el lienzo o por varias páginas. Un contador muestra el número de diseños que han sido marcados como Ready for dev.
Para acceder a la vista Ready for dev:
- Abre un archivo de Figma Design.
- Haz clic en Ready for dev en la barra lateral izquierda.
Nota: La vista Ready for dev solo aparece en los archivos que tienen el estado Ready for dev en, al menos, un diseño.
Se abre la vista Ready for dev, que muestra una lista de todos los diseños marcados con un dev status. 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 Ready for dev, haz clic en un diseño para acceder a una vista Focus.
Estados
En el Dev Mode, 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 Dev Mode proporciona algunos estados para ayudar a gestionar el traspaso:
- Ready for dev: 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 para planes 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 Ready for dev, el estado aparece en la esquina superior derecha de cada diseño de la lista.
Vista de enfoque
La vista Focus en Dev Mode aísla un diseño específico que está Ready for dev. Cuando te enfocas en un diseño, puedes inspeccionar sus capas, ver un historial de las versiones, así como aprovechar todas las funciones de Dev Mode habituales. Más información sobre la vista Focus →
Antes de empezar
Quién puede utilizar esta función
Disponible en los planes Organización y Empresa.
Los usuarios con puestos Full, Dev o Viewer pueden acceder a la vista Ready for dev.
Los usuarios con acceso completo o de desarrollo pueden cambiar los estados.
Los usuarios con acceso completo o de desarrollo pueden acceder a la vista de enfoque.
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 la revisión de los diseños que están Ready for dev. 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 Ready for dev. Antes de implementar los diseños en tu código fuente, tus desarrolladores y tú necesitan ver el diseño.
Para evitar confusiones e impedir que se pierdan detalles importantes, los desarrolladores pueden acceder a una vista en Dev Mode que muestra una lista de todos los diseños de un archivo determinado marcados con un dev status. Además, la vista Ready for dev resalta cuándo se ha actualizado más recientemente un diseño para que puedas saber si ha cambiado desde la entrega inicial.
Nota: En este video se explica la colaboración y el traspaso en el Dev Mode utilizando la interfaz rediseñada de Figma. Para ver ejemplos de la interfaz antigua, consulta las imágenes de este artículo.
Vista Ready for dev
La vista Ready for dev en el Dev Mode muestra todos los diseños marcados como Ready for dev en una única ubicación. Esto permite a los desarrolladores encontrar rápidamente lo que necesitan sin tener que navegar por el lienzo o por varias páginas. Un contador muestra el número de diseños que han sido marcados como Ready for dev.
Para acceder a la vista Ready for dev:
- Abre un archivo de Figma Design.
- Haz clic en Ready for dev en la barra lateral izquierda.
Nota: La vista Ready for dev solo aparece en los archivos que tienen el estado Ready for dev en, al menos, un diseño.
Se abre la vista Ready for dev, que muestra una lista de todos los diseños marcados con un dev status. 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 Ready for dev, haz clic en un diseño para acceder a una vista Focus.
Estados
En el Dev Mode, 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 Dev Mode proporciona algunos estados para ayudar a gestionar el traspaso:
- Ready for dev: 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 para planes 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 Ready for dev, el estado aparece en la esquina superior derecha de cada diseño de la lista.
Vista de enfoque
La vista Focus en Dev Mode aísla un diseño específico que está Ready for dev. Cuando te enfocas en un diseño, puedes inspeccionar sus capas, ver un historial de las versiones, así como aprovechar todas las funciones de Dev Mode habituales. Más información sobre la vista Focus →