Aspectos básicos de las capas: Explorar los tipos de capas
Hay algunos tipos diferentes de capas que puedes crear en Figma Design. Cubriremos las cuestiones básicas aquí, pero hay más capas para explorar.
Marcos
Los marcos son un componente básico esencial en Figma. Puedes pensar en ellos como contenedores en los que puedes poner otros objetos. Permiten ordenar y organizar las capas en diseños cohesivos.
Los marcos pueden tener dimensiones definidas y admiten sus propias propiedades. También te dan acceso a poderosas funciones de Figma, como los componentes, la disposición automática y el prototipo.
Los ajustes preestablecidos de marco te permiten crear marcos rápidamente para dimensiones populares. Esto incluye pantallas y dispositivos, como un iPhone o un Apple Watch, o para dimensiones de activos, como publicaciones en redes sociales y banners.
En esta imagen, tenemos un ajuste preestablecido de marco con las dimensiones de un iPhone 14 y 15 Pro Max. Puedes seleccionar los ajustes preestablecidos de marco en la barra lateral derecha, cuando esté seleccionada la herramienta de marco.
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ía y evocar emociones.
Emplea la herramienta Texto T para crear capas de texto y, a continuación, escribe para agregar texto. Usa la sección Tipografía en la barra lateral derecha para dar formato y estilo a tu texto. Otras secciones, como Relleno, te permiten cambiar otros aspectos del texto, como el color.
Figma incluye una selección de cientos de fuentes gratis de Google para empezar, pero puedes agregar y usar tus propias fuentes.
El texto en este diseño de tarjeta utiliza Space Grotesk, una fuente gratuita de Google que está disponible para todos en Figma.
Formas
Las formas, como rectángulos R, elipses O y polígonos, pueden agregar interés visual y personalidad a tus diseños.
También puedes combinar varias formas para crear, por ejemplo, íconos. La herramienta Pluma P también puede ayudarte a crear líneas rectas y curvas o formas e ilustraciones personalizadas.
Arriba vemos un octógono creado con la herramienta de polígonos. Puedes usar el campo Count (Conteo) de la sección Appearance (Aspecto) para ajustar el número de lados que tiene un polígono.
Imágenes
¿Tienes que agregar fotografías, capturas de pantalla y otros activos visuales a tus diseños? No hay problema. Figma Design también te permite agregar imágenes, GIF y videos.
En Figma Design, las imágenes y los videos son un tipo de relleno, no un tipo de capa. Esto te permite agregar 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 una forma que necesita un relleno de imagen? Agrégala en la sección Relleno de la barra lateral derecha.