Aspectos básicos de las capas: Introducción a las capas

Por lo general, crearás diseños a partir de una combinación de formas, texto y otras capas. Puedes organizar tus capas, apilarlas una arriba de la otra y editarlas de forma independiente.

Esta tarjeta para un destino de viaje se compone de cuatro capas: el nombre de la ciudad, la duración del viaje, un precio total y una foto.

Orden de las capas

El orden de las capas determina cómo se superponen estas en el lienzo. Las capas de la parte superior del panel de capas aparecen arriba de las capas que se encuentran debajo de ellas en el lienzo.

En esta tarjeta de destino, el nombre de la ciudad, la duración y las capas de precio aparecen en la parte superior de la foto. Esto se debe a que esas capas están arriba de la capa de la foto en el panel de capas.

Propiedades de capa

Cada capa tendrá propiedades asociadas. Las propiedades de una capa nos brindan información básica sobre la capa, como sus coordenadas X e Y, su posición en el lienzo o sus dimensiones, como el ancho y la altura.

Otras propiedades controlan cómo se ve la capa, por ejemplo, de qué color es, si tiene un borde (llamado trazo en Figma), o si tiene algún efecto, como una sombra proyectada o un desenfoque.

La mayoría de estas propiedades estarán en la barra lateral derecha. Las propiedades que podrás ver dependerán del tipo de capa que seleccionaste.

Si seleccionamos la capa de precio, que es una capa de texto, podemos ver las propiedades de posición, disposición, apariencia, tipografía y relleno en la barra lateral derecha.