Guías de uso
Modo de desarrollo
El modo de desarrollador y la vista de un solo marco facilitan la colaboración entre diseño y desarrollo.
1. Activar el modo de desarrollador
Pulsa el botón correspondiente en el panel derecho. Se mostrarán los marcos de nivel superior. El panel derecho también permite consultar y descargar los sectores preparados por el diseñador.
Solo se muestran los marcos de nivel superior. Las capas de texto, formas vectoriales y componentes sueltos del lienzo quedan ocultos. Para mostrarlos, agrúpalos dentro de un marco principal mediante Command/Ctrl + Option/Shift + G.
2. Compartir la vista de desarrollador
Puedes compartir directamente esta vista. Pulsa Compartir en la esquina superior para copiar el enlace. Se aplican los mismos permisos del archivo de diseño.
3. Vista de un solo marco
Para consultar detalles sin desplazarte continuamente por el lienzo, haz doble clic en un marco o pulsa Localizar. El marco quedará centrado en el área visible.
En esta vista puedes seleccionar elementos para consultar su código y sus sectores o descargarlos. Cambia de marco con los controles inferiores o la lista del panel izquierdo.
Para volver a la vista anterior, pulsa Salir en la esquina superior izquierda.
Revisar y exportar sectores
El panel de sectores reúne los recursos preparados para exportar en la página actual. Utilízalo para descargar los que el diseñador haya marcado para la entrega.
- Abre el archivo en el modo de desarrollo.
- Abre el panel de sectores de la derecha para revisar los recursos de la página.
- Selecciona todos los sectores o solo los necesarios.
- Comprueba el formato y la escala y selecciona Exportar.
Si falta un recurso, revisa su capa y sus ajustes de exportación. El diseñador puede añadir un ajuste a la capa o definir la zona con la herramienta de sectores. Consulta Sectores para conocer los ajustes y preajustes.
Inspeccionar el modelo de caja
Esta vista permite consultar las dimensiones, el borde, el relleno y las relaciones espaciales de una capa. Presenta los valores con una distribución similar a la de las herramientas de desarrollo del navegador.
- Selecciona una capa en el modo de desarrollo.
- Abre la vista del modelo de caja en el panel derecho.
- Consulta su tamaño, borde, esquinas y relaciones de espaciado.
Utiliza estas medidas junto con las propiedades y el código de referencia del panel de entrega al implementar el diseño.
Compartir la vista de desarrollo
Selecciona Compartir desde el modo de desarrollo y copia el enlace. Este abre la vista de entrega, pero siguen aplicándose los permisos del archivo. Enviar un enlace de desarrollo no concede acceso a quien no lo tenga.