Introducción a las capas: explorar los tipos de capas
En Figma Design, puedes crear diferentes tipos de capas. Aquí abordaremos los aspectos básicos, pero hay más capas que explorar.
Marcos
Los marcos son un elemento fundamental en Figma. Puedes pensar en ellos como contenedores en los que poner otros objetos. Permiten ordenar y organizar las capas en diseños cohesionados.
Los marcos pueden tener dimensiones definidas y disponer de propiedades propias. También te dan acceso a potentes funciones de Figma, como los componentes, el diseño automático y la creación de prototipos.
Los preajustes de los marcos te permiten crear rápidamente marcos con dimensiones comunes. Esto incluye pantallas y dispositivos, como un iPhone o un Apple Watch, o para las medidas de recursos, como publicaciones y banners en redes sociales.
En esta imagen, tenemos un preajuste de marco con las dimensiones de un iPhone 14 y 15 Pro Max. Puedes seleccionar los preajustes del marco en la barra lateral derecha cuando tengas la herramienta de marco seleccionada.
Texto
La tipografía es importante para la mayoría de los diseños de interfaz. El tipo efectivo puede comunicar información, llamar la atención, crear jerarquías y evocar emociones.
Usa la herramienta de texto T para crear capas de texto y, a continuación, escribe para añadir el texto. Usa la sección de tipografía en la barra lateral derecha para dar formato y estilo al texto. Usa otras secciones, como el relleno, para cambiar otros aspectos del texto, como el color.
Figma incluye una selección de cientos de fuentes de Google gratuitas para empezar, pero puedes añadir y usar tus propias fuentes.
El texto de este diseño de tarjeta usa Space Grotesk, una fuente gratuita de Google que está disponible para todo el mundo en Figma.
Formas
Las formas, como los rectángulos R, las elipses O y los polígonos, pueden añadir interés visual y personalidad a tus diseños.
También puedes combinar varias formas para crear cosas como iconos. La herramienta Pluma P también puede ayudarte a crear líneas rectas y curvas o formas e ilustraciones personalizadas
Arriba hay un octágono que hemos creado con la herramienta de polígonos. Puedes utilizar el campo Recuento en la sección Apariencia para ajustar el número de lados que tiene un polígono.
Imágenes
¿Necesitas añadir fotografías, capturas de pantalla y otros activos visuales a tus diseños? No hay problema. Figma Design también te permite añadir imágenes, GIF y vídeos.
En Figma Design, las imágenes y los vídeos son un tipo de relleno, no un tipo de capa. Esto te permite añadir imágenes a cualquier capa que admita propiedades de relleno y trazo, incluidos marcos, formas e incluso texto.
Arrastra y suelta o copia y pega imágenes en tus archivos. Figma agregará las imágenes como relleno para una nueva capa de rectángulo. ¿Ya tienes la forma que necesita un relleno de imagen? Añádela directamente desde la sección Relleno de la barra lateral derecha.