Panel de entrega a desarrollo

1. Consultar propiedades

En el panel Entrega a desarrollo, puedes consultar y copiar las propiedades de la capa seleccionada: tamaño, restricciones, sombras y trazos. En capas de texto también se muestran el contenido, la fuente, el tamaño y la altura de línea.

En Relleno puedes consultar los colores en formatos Hex, RGB, CSS, HSL y HSB.

2. Medir distancias

En el modo de desarrollador o en el panel Entrega a desarrollo, selecciona una capa y sitúa el cursor sobre otra para medir la distancia entre ambas.

3. Consultar código generado

Pixso genera código de referencia a partir del diseño. Abre Entrega a desarrollo y desplázate hasta Código. Utiliza el menú desplegable para alternar entre CSS, iOS y Android.

4. Elegir plataforma

Selecciona las unidades correspondientes a la plataforma de desarrollo. Pixso ofrece opciones para iOS, Android y web.

5. Conversión de escala personalizada

Puedes definir un factor de conversión y cambiar las unidades según los requisitos de desarrollo.

Si un diseño tiene 750 px de ancho y se necesita una anchura de 375 dp, establece un factor de 0,5 y cambia px por dp. Los valores mostrados se multiplicarán por ese factor.

6. Convertir a una anchura concreta

También puedes seleccionar un marco y especificar directamente la anchura de destino. Por ejemplo, convierte un diseño de 750 px a una anchura de 375 sin calcular manualmente el factor de 0,5.

Pixso calcula el factor a partir del marco seleccionado y del valor indicado, y lo aplica a las otras capas del diseño.

Nota: estos ajustes no modifican las dimensiones del archivo de diseño.

7. Preferencias de selección

Puedes evitar que se seleccionen elementos pequeños dentro de componentes o sectores.

En el modo de observación o de desarrollador, abre las opciones mediante el icono de la esquina superior derecha.

Nota: de forma predeterminada, Pixso permite seleccionar los elementos internos.

Desactiva Permitir seleccionar capas dentro de componentes o sectores si no los necesitas.

Al desactivar Permitir seleccionar capas dentro de componentes o sectores, se selecciona el sector completo en el lienzo en lugar de sus capas internas.