Herramientas de forma
Este artículo es aplicable tanto a la anterior IU de Figma como a la nueva. Utiliza el botón en la parte izquierda de la página para seleccionar tu IU actual. Conoce UI3: el rediseño de Figma →
Quién puede utilizar esta función
Está disponible en cualquier plan
Cualquiera que tenga
acceso a un archivo de diseño puede utilizar las herramientas de forma
Las formas constituyen la mayoría de las capas de cualquier diseño. Usa las siguientes herramientas de formas como bloques de creación:
Puedes acceder a estas herramientas desde el menú Herramientas de forma de la barra de herramientas. Haz clic en la flecha situada junto al rectángulo para abrir el menú.
Puedes utilizar los siguientes atajos al trabajar con formas:
- Mantén pulsada la tecla Shift mientras arrastras para crear cuadrados, círculos y polígonos perfectos.
- Mantén pulsada la tecla Option / Alt para crear y cambiar el tamaño de formas desde su centro.
- Mantén pulsadas las teclas Shift y Option/ Alt al mismo tiempo para realizar ambas acciones.
Nota: Para diseños que requieren formas únicas o complejas, puedes crear tus propias redes vectoriales utilizando la herramienta pluma . Más información →
Rectángulos
Usa la herramienta Rectángulo para crear tanto rectángulos como cuadrados.
- Selecciona la herramienta Rectángulo de la barra de herramientas, o pulsa 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 control en cada esquina de la forma, lo que te permitirá cambiar el tamaño de la forma como mejor te parezca.
Ajusta el radio de la esquina
Además de los controles regulares, los rectángulos también tienen cuatro controles circulares en el interior de cada esquina. Estos controles 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 eficaz de dividir el contenido dentro de un diseño o simular bordes CSS.
- Selecciona la herramienta Línea en las herramientas de forma o pulsa L.
- Haz clic en un punto del lienzo y arrastra en cualquier dirección para crear una 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 peso, el estilo y las puntas o límites del punto final. Más información →
Crear líneas discontinuas
Puedes especificar tanto la longitud del guión 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.
- Introduce la longitud que desees en los campos Guión y Hueco .
Flechas
La herramienta Flecha te permite dibujar flechas de un lado y de dos lados. Puedes personalizar las puntas o los límites de los puntos finales de la flecha.
- Selecciona la herramienta Flecha en el menú de herramientas de forma o utiliza 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 de Trazo . Más información →
Elipses y círculos
Utiliza la herramienta Elipse para dibujar óvalos y círculos. Estos se pueden usar tal y como están o manipularse para crear formas personalizadas con líneas curvas.
- Selecciona la herramienta Línea en el menú de herramientas de forma o pulsa O.
- Selecciona un punto del 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 control en cada esquina. Esto te permite cambiar el tamaño de la forma.
Consejo: usa la herramienta elipse para crear otras formas, como semicírculos, gráficos circulares, anillos, y anillos semicirculares. Más información →
Polígonos
La herramienta Polígono te permite dibujar una forma cerrada que se compone de cualquier número de líneas rectas.
La forma predeterminada para la herramienta polígono es un triángulo, pero puedes añadir puntos adicionales al objeto para crear tus propios polígonos personalizados.
- Selecciona la herramienta Polígono del menú forma.
- 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 control en cada esquina. Esto te permite cambiar el tamaño de la forma como mejor te parezca.
- Entra en el modo Editar objetos haciendo doble clic en la capa de polígono. Esto te permite añadir puntos adicionales al polígono y manipular cada punto individualmente:
- También puedes redondear las esquinas de un polígono. Coloca el ratón sobre el control en la esquina hasta que se muestre el radio. Haz clic y arrastra el controlador hacia el centro del objeto para redondear las esquinas.
Polígonos y cuadros de límite
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 y tamaño consistente cuando se añaden 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 utiliza el atajo de teclado:
- Mac: Comando E
- Windows: Ctrl + E
Estrellas
La herramienta Estrella crea polígonos dispuestos en forma de estrella. Al crear una capa de estrella, por defecto será una estrella de cinco puntas con diez lados.
- Selecciona la herramienta Estrella en el menú de herramientas de forma.
- Selecciona una posición en el lienzo y arrastra en cualquier dirección para crear una estrella.
- Ahora tendrás tres controles que puedes usar para manipular la estrella:
- Recuento: cuántas puntas 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 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
Cualquiera que tenga
acceso a un archivo de diseño puede utilizar las herramientas de forma
Las formas constituyen la mayoría de las capas de cualquier diseño. Usa las siguientes herramientas de formas como bloques de creación:
Puedes acceder a estas herramientas desde el menú Herramientas de forma de la barra de herramientas. Haz clic en la flecha situada junto al rectángulo para abrir el menú.
Puedes utilizar los siguientes atajos al trabajar con formas:
- Mantén pulsada la tecla Shift mientras arrastras para crear cuadrados, círculos y polígonos perfectos.
- Mantén pulsada la tecla Option / Alt para crear y cambiar el tamaño de formas desde su centro.
- Mantén pulsadas las teclas Shift y Option/ Alt al mismo tiempo para realizar ambas acciones.
Nota: Para diseños que requieren formas únicas o complejas, puedes crear tus propias redes vectoriales utilizando la herramienta pluma . Más información →
Rectángulos
Usa la herramienta Rectángulo para crear tanto rectángulos como cuadrados.
- Selecciona la herramienta Rectángulo de la barra de herramientas, o pulsa 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 control en cada esquina de la forma, lo que te permitirá cambiar el tamaño de la forma como mejor te parezca.
Ajusta el radio de la esquina
Además de los controles regulares, los rectángulos también tienen cuatro controles circulares en el interior de cada esquina. Estos controles 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 eficaz de dividir el contenido dentro de un diseño o simular bordes CSS.
- Selecciona la herramienta Línea en las herramientas de forma o pulsa L.
- Haz clic en un punto del lienzo y arrastra en cualquier dirección para crear una 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 peso, el estilo y las puntas o límites del punto final. Más información →
Crear líneas discontinuas
Puedes especificar tanto la longitud del guión 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.
- Introduce la longitud que desees en los campos Guión y Hueco .
Flechas
La herramienta Flecha te permite dibujar flechas de un lado y de dos lados. Puedes personalizar las puntas o los límites de los puntos finales de la flecha.
- Selecciona la herramienta Flecha en el menú de herramientas de forma o utiliza 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 de Trazo . Más información →
Elipses y círculos
Utiliza la herramienta Elipse para dibujar óvalos y círculos. Estos se pueden usar tal y como están o manipularse para crear formas personalizadas con líneas curvas.
- Selecciona la herramienta Línea en el menú de herramientas de forma o pulsa O.
- Selecciona un punto del 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 control en cada esquina. Esto te permite cambiar el tamaño de la forma.
Consejo: usa la herramienta elipse para crear otras formas, como semicírculos, gráficos circulares, anillos, y anillos semicirculares. Más información →
Polígonos
La herramienta Polígono te permite dibujar una forma cerrada que se compone de cualquier número de líneas rectas.
La forma predeterminada para la herramienta polígono es un triángulo, pero puedes añadir puntos adicionales al objeto para crear tus propios polígonos personalizados.
- Selecciona la herramienta Polígono del menú forma.
- 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 control en cada esquina. Esto te permite cambiar el tamaño de la forma como mejor te parezca.
- Entra en el modo Editar objetos haciendo doble clic en la capa de polígono. Esto te permite añadir puntos adicionales al polígono y manipular cada punto individualmente:
- También puedes redondear las esquinas de un polígono. Coloca el ratón sobre el control en la esquina hasta que se muestre el radio. Haz clic y arrastra el controlador hacia el centro del objeto para redondear las esquinas.
Polígonos y cuadros de límite
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 y tamaño consistente cuando se añaden 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 utiliza el atajo de teclado:
- Mac: Comando E
- Windows: Ctrl + E
Estrellas
La herramienta Estrella crea polígonos dispuestos en forma de estrella. Al crear una capa de estrella, por defecto será una estrella de cinco puntas con diez lados.
- Selecciona la herramienta Estrella en el menú de herramientas de forma.
- Selecciona una posición en el lienzo y arrastra en cualquier dirección para crear una estrella.
- Ahora tendrás tres controles que puedes usar para manipular la estrella:
- Recuento: cuántas puntas 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 porcentaje del diámetro de la estrella.
- Radio: te permite redondear las puntas de la estrella.