Panel de propiedades

1. Panel Diseño

Permite consultar, añadir, eliminar y modificar las propiedades de los objetos.

Cuando no hay ningún objeto seleccionado, el panel Diseño muestra los estilos creados en el archivo actual.

También puedes cambiar el color de fondo del lienzo.

Al seleccionar capas, aparecen los ajustes correspondientes en el panel Diseño. El tipo de capa determina las propiedades disponibles en Diseño.

El panel Diseño incluye estas propiedades:

• Alineación y distribución
• Tamaño y orientación del marco
• Posición de la capa en el lienzo (X e Y)
• Tamaño del objeto seleccionado: anchura y altura
• Ajustes de la instancia
• Restricciones de diseño
• Cuadrícula de diseño
• Capa y modo de fusión
• Texto
• Relleno
• Trazo
• Efectos
• Ajustes de exportación

2. Panel Prototipo

En el panel Prototipo se configuran las interacciones del prototipo.

Conecta los marcos del lienzo para simular cómo interactúan los usuarios con la interfaz y reproducir el resultado en el modo de presentación.

El panel Prototipo contiene cinco grupos de ajustes:

Seleccionar la interacción
Define el evento, la acción y el destino de cada interacción.

Aplicar animaciones
Configura el efecto de transición entre marcos, así como su dirección, curva de aceleración y duración.
Configurar superposiciones
Crea mensajes emergentes, confirmaciones, menús interactivos y alertas.
Configurar el desplazamiento
Determina cómo responde cada pantalla al desplazamiento. Puedes crear carruseles, listas o mapas interactivos.
Ajustar la configuración básica

Define el fondo de la vista de presentación y el marco de inicio del flujo.

3. Panel de entrega a desarrollo

La tercera pestaña del panel derecho es Entrega a desarrollo. Muestra cómo expresar los elementos del diseño en código, sus propiedades básicas y los valores que puedes copiar.

Puedes seleccionar y copiar el código CSS para desarrollo web.