Herramientas de formas
Este artículo está disponible tanto para la UI anterior de Figma como para la nueva. Utiliza el conmutador de la parte inferior izquierda de la página para seleccionar tu UI actual. Conoce UI3: el rediseño de Figma →
Quién puede utilizar esta función
Compatible con cualquier plan.
Toda persona que tenga
acceso a un archivo de diseño puede usar las herramientas de formas.
Las formas constituyen la mayoría de las capas de cualquier diseño. Usa las siguientes herramientas de formas como elementos de construcción:
Puedes acceder a estas herramientas desde el menú Herramientas de forma de la barra de herramientas. Haz clic en la flecha que se encuentra junto al rectángulo para abrir el menú.
Puedes usar los siguientes atajos cuando trabajes con formas:
- Mantén presionada la tecla Shift mientras arrastras para crear cuadrados, círculos y polígonos perfectos.
- Mantén presionada la tecla Option o Alt para crear y cambiar el tamaño de las formas desde su centro.
- Mantén presionada las teclas Shift y Option o Alt al mismo tiempo para realizar ambas acciones.
Nota: Para diseños que requieren formas únicas o complejas, puedes construir tus propias redes vectoriales con la herramienta Pluma . Más información →
Rectángulos
Usa la herramienta Rectángulo para crear rectángulos y cuadrados.
- Selecciona la herramienta Rectángulo de la barra de herramientas, o presiona R.
- Haz clic en un punto del lienzo y arrastra para crear el rectángulo. Verás las dimensiones del rectángulo debajo del borde inferior.
- Habrá un punto de control en cada esquina de la forma, que te permitirá cambiar el tamaño de la forma como quieras.
Ajustar el radio de la esquina
Además de los puntos de control regulares, los rectángulos también tienen puntos de control circulares en el interior de cada esquina. Estos puntos de control te permiten ajustar la esquina para redondear las esquinas del rectángulo. Más información →
Líneas
La herramienta Línea te permite crear líneas en cualquier dirección. Las líneas son una forma efectiva de dividir el contenido dentro de un diseño o simular bordes CSS.
- Selecciona la herramienta Línea de las herramientas de forma o presiona L.
- Haz clic en un punto en el lienzo y arrastra en cualquier dirección para crear la línea.
- Puedes realizar cualquier cambio en su apariencia en la sección Trazo de la barra lateral derecha. Esto incluye el color, la posición, el espesor, el estilo y las puntas o las terminaciones. Más información →
Crear líneas de puntos
Puedes especificar tanto la longitud del guion como el espacio entre guiones.
- Dibuja o selecciona la línea.
- En la sección Trazo de la barra lateral derecha, selecciona para abrir el menú Configuración avanzada de trazo.
- Ingresa la longitud que desees en los campos Guion y Espacio.
Flechas
La herramienta Flecha te permite dibujar flechas de un solo extremo o de doble extremo. Puedes personalizar las puntas o terminaciones de las flechas.
- Selecciona la herramienta Flecha en el menú de herramientas de formas o usa el atajo ⇧ Shift L.
- Haz clic en un punto del lienzo y arrastra en cualquier dirección para crear la flecha.
Al igual que la herramienta de línea, puedes realizar ajustes en las propiedades del Trazo . Más información →
Elipses y círculos
Usa la herramienta Elipse para dibujar óvalos y círculos. Estos se pueden usar tal cual o manipular para crear formas personalizadas con líneas curvas.
- Selecciona la herramienta Elipse del menú de herramientas de formas, o presiona O.
- Selecciona un punto en el lienzo y arrastra en cualquier dirección para crear la elipse. Las dimensiones de la forma se mostrarán en azul debajo de la capa.
- Habrá un cuadro delimitador azul alrededor de la elipse, con un punto de control en cada esquina. Esto te permite cambiar el tamaño de la forma.
Sugerencia: usa la herramienta elipse para crear otras formas, como semicírculos, gráficos circulares, anillos, donas y anillos semicirculares. Más información →
Polígonos
La herramienta Polígono te permite dibujar una forma cerrada que se compone de cualquier cantidad de líneas rectas.
La forma predeterminada para la herramienta polígono es un triángulo, pero puedes agregar puntos adicionales al objeto para crear tus propios polígonos personalizados.
- Selecciona la herramienta Polígono del menú de formas.
- Selecciona una ubicación en el lienzo y arrastra para crear el polígono. Las dimensiones de la forma se mostrarán en azul debajo del objeto.
- El cuadro delimitador azul alrededor de la forma tiene un punto de control en cada esquina. Esto te permite cambiar el tamaño de la forma como mejor te parezca.
- Ingresa al modo Editar objeto al hacer doble clic en la capa del polígono. Esto te permite agregar puntos adicionales al polígono y manipular cada punto de manera individual:
- También puedes redondear las esquinas de un polígono. Coloca el cursor sobre el punto de control en la esquina hasta que se muestre el radio. Haz clic y arrastra el punto de control hacia el centro del objeto para redondear las esquinas.
Polígonos y cuadros delimitadores
Es posible que hayas notado que cuando dibujamos nuestro polígono, en este caso un triángulo, el cuadro delimitador azul alrededor de la forma está debajo de la parte inferior de la forma.
Esto permite que el cuadro delimitador mantenga una forma o tamaño consistente cuando se agregan puntos adicionales al polígono. Para ajustar el cuadro delimitador al límite real de la forma, puedes aplanar la forma.
Haz clic con el botón derecho en la forma y selecciona Aplanar, o usa el atajo de teclado:
- Mac: Command E
- Windows: Ctrl + E
Estrellas
La herramienta Estrella crea polígonos que se organizan en forma de estrella. Al crear una capa de estrella, el valor predeterminado será una estrella de cinco puntas con diez lados.
- Selecciona la herramienta Estrella del menú de herramientas de formas.
- Selecciona una posición en tu lienzo y arrastra en cualquier dirección para crear la estrella.
- Ahora tendrás tres puntos de control que puedes usar para manipular la estrella:
- Recuento: la cantidad de puntas que hay en la estrella. El mínimo es tres y el máximo es 60.
- Relación: la distancia de los puntos internos de la estrella al centro. Esto se representa como un porcentaje del diámetro de la estrella.
- Radio: te permite redondear las puntas de la estrella.
Quién puede utilizar esta función
Compatible con cualquier equipo o plan.
Toda persona que tenga
acceso a un archivo de diseño puede usar las herramientas de formas.
Las formas constituyen la mayoría de las capas de cualquier diseño. Usa las siguientes herramientas de formas como elementos de construcción:
Puedes acceder a estas herramientas desde el menú Herramientas de forma de la barra de herramientas. Haz clic en la flecha que se encuentra junto al rectángulo para abrir el menú.
Puedes usar los siguientes atajos cuando trabajes con formas:
- Mantén presionada la tecla Shift mientras arrastras para crear cuadrados, círculos y polígonos perfectos.
- Mantén presionada la tecla Option o Alt para crear y cambiar el tamaño de las formas desde su centro.
- Mantén presionada las teclas Shift y Option o Alt al mismo tiempo para realizar ambas acciones.
Nota: Para diseños que requieren formas únicas o complejas, puedes construir tus propias redes vectoriales con la herramienta Pluma . Más información →
Rectángulos
Usa la herramienta Rectángulo para crear rectángulos y cuadrados.
- Selecciona la herramienta Rectángulo de la barra de herramientas, o presiona R.
- Haz clic en un punto del lienzo y arrastra para crear el rectángulo. Verás las dimensiones del rectángulo debajo del borde inferior.
- Habrá un punto de control en cada esquina de la forma, que te permitirá cambiar el tamaño de la forma como quieras.
Ajustar el radio de la esquina
Además de los puntos de control regulares, los rectángulos también tienen puntos de control circulares en el interior de cada esquina. Estos puntos de control te permiten ajustar la esquina para redondear las esquinas del rectángulo. Más información →
Líneas
La herramienta Línea te permite crear líneas en cualquier dirección. Las líneas son una forma efectiva de dividir el contenido dentro de un diseño o simular bordes CSS.
- Selecciona la herramienta Línea de las herramientas de forma o presiona L.
- Haz clic en un punto en el lienzo y arrastra en cualquier dirección para crear la línea.
- Puedes realizar cualquier cambio en su apariencia en la sección Trazo de la barra lateral derecha. Esto incluye el color, la posición, el espesor, el estilo y las puntas o las terminaciones. Más información →
Crear líneas de puntos
Puedes especificar tanto la longitud del guion como el espacio entre guiones.
- Dibuja o selecciona la línea.
- En la sección Trazo de la barra lateral derecha, selecciona para abrir el menú Configuración avanzada de trazo.
- Ingresa la longitud que desees en los campos Guion y Espacio.
Flechas
La herramienta Flecha te permite dibujar flechas de un solo extremo o de doble extremo. Puedes personalizar las puntas o terminaciones de las flechas.
- Selecciona la herramienta Flecha en el menú de herramientas de formas o usa el atajo ⇧ Shift L.
- Haz clic en un punto del lienzo y arrastra en cualquier dirección para crear la flecha.
Al igual que la herramienta de línea, puedes realizar ajustes en las propiedades del Trazo . Más información →
Elipses y círculos
Usa la herramienta Elipse para dibujar óvalos y círculos. Estos se pueden usar tal cual o manipular para crear formas personalizadas con líneas curvas.
- Selecciona la herramienta Elipse del menú de herramientas de formas, o presiona O.
- Selecciona un punto en el lienzo y arrastra en cualquier dirección para crear la elipse. Las dimensiones de la forma se mostrarán en azul debajo de la capa.
- Habrá un cuadro delimitador azul alrededor de la elipse, con un punto de control en cada esquina. Esto te permite cambiar el tamaño de la forma.
Sugerencia: usa la herramienta elipse para crear otras formas, como semicírculos, gráficos circulares, anillos, donas y anillos semicirculares. Más información →
Polígonos
La herramienta Polígono te permite dibujar una forma cerrada que se compone de cualquier cantidad de líneas rectas.
La forma predeterminada para la herramienta polígono es un triángulo, pero puedes agregar puntos adicionales al objeto para crear tus propios polígonos personalizados.
- Selecciona la herramienta Polígono del menú de formas.
- Selecciona una ubicación en el lienzo y arrastra para crear el polígono. Las dimensiones de la forma se mostrarán en azul debajo del objeto.
- El cuadro delimitador azul alrededor de la forma tiene un punto de control en cada esquina. Esto te permite cambiar el tamaño de la forma como mejor te parezca.
- Ingresa al modo Editar objeto al hacer doble clic en la capa del polígono. Esto te permite agregar puntos adicionales al polígono y manipular cada punto de manera individual:
- También puedes redondear las esquinas de un polígono. Coloca el cursor sobre el punto de control en la esquina hasta que se muestre el radio. Haz clic y arrastra el punto de control hacia el centro del objeto para redondear las esquinas.
Polígonos y cuadros delimitadores
Es posible que hayas notado que cuando dibujamos nuestro polígono, en este caso un triángulo, el cuadro delimitador azul alrededor de la forma está debajo de la parte inferior de la forma.
Esto permite que el cuadro delimitador mantenga una forma o tamaño consistente cuando se agregan puntos adicionales al polígono. Para ajustar el cuadro delimitador al límite real de la forma, puedes aplanar la forma.
Haz clic con el botón derecho en la forma y selecciona Aplanar, o usa el atajo de teclado:
- Mac: Command E
- Windows: Ctrl + E
Estrellas
La herramienta Estrella crea polígonos que se organizan en forma de estrella. Al crear una capa de estrella, el valor predeterminado será una estrella de cinco puntas con diez lados.
- Selecciona la herramienta Estrella del menú de herramientas de formas.
- Selecciona una posición en tu lienzo y arrastra en cualquier dirección para crear la estrella.
- Ahora tendrás tres puntos de control que puedes usar para manipular la estrella:
- Recuento: la cantidad de puntas que hay en la estrella. El mínimo es tres y el máximo es 60.
- Relación: la distancia de los puntos internos de la estrella al centro. Esto se representa como un porcentaje del diámetro de la estrella.
- Radio: te permite redondear las puntas de la estrella.