Vista Ready for dev del Dev Mode
Este artículo es aplicable tanto a la anterior IU de Figma como a la nueva. Utiliza el botón en la parte izquierda de la página para seleccionar tu IU actual. Conoce UI3: el rediseño de Figma →
Antes de empezar
Quién puede utilizar esta función
Disponible para el Plan de organización y el Plan empresarial.
Los usuarios con un puesto Full, Dev o View pueden acceder a la vista Ready for dev.
El estado se puede cambiar con los puestos Full o Dev.
Los usuarios con puestos Full o Dev pueden acceder a la vista de enfoque.
El proceso de entrega no es nada sencillo: los diseños pasan por diferentes ciclos de iteración a medida que el equipo va perfeccionando las ideeas y aplicando el feedback.
Uno de los momentos clave del proceso y que puede darse con frecuencia es la revisión de los diseños que están ready for dev. Cuando el equipo de diseño termina una tarea, marca las secciones, los marcos y los componentes de los archivos de diseño como Ready for dev. Antes de implementar los diseños en tu código base, tú y tu equipo de desarrollo tenéis que revisarlos.
Para evitar la confusión y la pérdida de detalles importantes, los desarrolladores pueden acceder a una vista en el Dev Mode que muestra todos los diseños marcados con un dev status. Además, la vista Ready for dev resalta los diseños que se han actualizado recientemente, para que sea más fácil ver si han cambiado desde la primera entrega.
Vista Ready for dev
La vista Ready for dev del Dev Mode muestra todos los diseños que se han marcado como tal en una única ubicación. De esta manera, los desarrolladores pueden encontrar fácilmente lo que necesitan sin tener que desplazarse por el lienzo o por diferentes páginas. Un contador muestra el número de diseños que se han marcado 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 archivos que contengan al menos un diseño con este estado.
Se abre la vista Ready for dev y se muestra una lista con todos los diseños marcados con el dev status. Desde aquí, puedes:
-
Filtrar diseños: Utiliza las opciones para filtrar diseños según las siguientes categorías:
- Todo
- Listo
- Completado
También puedes ordenar los resultados por:
- Actividad reciente
- Páginas
- Nombre (A-Z)
-
Enfoca un diseño: desde la vista Ready for dev, haz clic en un diseño para acceder a la vista de enfoque.
Estados
En el Dev Mode, los estados indican en qué punto del proceso de entrega se encuentran los diseños. Los estados pueden incluir notas de los diseñadores sobre el diseño y los cambios. El Dev Mode ofrece diferentes estados que pueden ayudar a gestionar las entregas:
- Ready for dev: define secciones, marcos y componentes que están listos para que un desarrollador los revise e implemente.
- Completado: indica que el trabajo de desarrollo para el diseño ha finalizado (solo Organización y Empresa).
Para obtener más información sobre los estados, consulta Estados y notificaciones de Dev Mode.
Dentro de la vista Ready for dev, el estado aparece en la esquina superior derecha de cada diseño de la lista.
Vista Enfoque
La vista de enfoque del Dev Mode aísla un diseño específico que esté ready for dev. Al enfocar un diseño, puedes inspeccionar sus capas, ver el historial de versiones y utilizar todas las funciones habituales del Dev Mode. Más información sobre la vista de enfoque →
Antes de empezar
Quién puede utilizar esta función
Disponible para el Plan de organización y el Plan empresarial.
La vista Ready for dev está disponible para usuarios con un puesto Full, Dev o View.
El estado se puede cambiar con la licencia completa o la de desarrollo.
Se puede acceder a la vista Enfoque con la licencia completa o la de desarrollo.
El proceso de entrega no es nada sencillo: los diseños pasan por diferentes ciclos de iteración a medida que el equipo va perfeccionando las ideeas y aplicando el feedback.
Uno de los momentos clave del proceso y que puede darse con frecuencia es la revisión de los diseños que están ready for dev. Cuando el equipo de diseño termina una tarea, marca las secciones, los marcos y los componentes de los archivos de diseño como Ready for dev. Antes de implementar los diseños en tu código base, tú y tu equipo de desarrollo tenéis que revisarlos.
Para evitar la confusión y la pérdida de detalles importantes, los desarrolladores pueden acceder a una vista en el Dev Mode que muestra todos los diseños marcados con un dev status. Además, la vista Ready for dev resalta los diseños que se han actualizado recientemente, para que sea más fácil ver si han cambiado desde la primera entrega.
Nota: Este vídeo explica la colaboración y la entrega en el Dev Mode mediante la interfaz nueva de Figma. Para obtener ejemplos de la interfaz antigua, consulta las imágenes de este artículo.
Vista Ready for dev
La vista Ready for dev del Dev Mode muestra todos los diseños que se han marcado como tal en una única ubicación. De esta manera, los desarrolladores pueden encontrar fácilmente lo que necesitan sin tener que desplazarse por el lienzo o por diferentes páginas. Un contador muestra el número de diseños que se han marcado 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 archivos que contengan al menos un diseño con este estado.
Se abre la vista Ready for dev y se muestra una lista con todos los diseños marcados con el dev status. Desde aquí, puedes:
-
Filtrar diseños: Utiliza las opciones para filtrar diseños según las siguientes categorías:
- Todo
- Listo
- Completado
También puedes ordenar los resultados por:
- Actividad reciente
- Páginas
- Nombre (A-Z)
-
Enfoca un diseño: desde la vista Ready for dev, haz clic en un diseño para acceder a la vista de enfoque.
Estados
En el Dev Mode, los estados indican en qué punto del proceso de entrega se encuentran los diseños. Los estados pueden incluir notas de los diseñadores sobre el diseño y los cambios. El Dev Mode ofrece diferentes estados que pueden ayudar a gestionar las entregas:
- Ready for dev: define secciones, marcos y componentes que están listos para que un desarrollador los revise e implemente.
- Completado: indica que el trabajo de desarrollo para el diseño ha finalizado (solo Organización y Empresa).
Para obtener más información sobre los estados, consulta Estados y notificaciones de Dev Mode.
Dentro de la vista Ready for dev, el estado aparece en la esquina superior derecha de cada diseño de la lista.
Vista Enfoque
La vista de enfoque del Dev Mode aísla un diseño específico que esté ready for dev. Al enfocar un diseño, puedes inspeccionar sus capas, ver el historial de versiones y utilizar todas las funciones habituales del Dev Mode. Más información sobre la vista de enfoque →