Antes de empezar
Quién puede utilizar esta función
Disponible en cualquier plan
Cualquiera con acceso de puede editar puede crear y editar redes vectoriales
Las redes vectoriales son capas de forma compuestas por trazados vectoriales. Estos trazados le indican a Figma cómo renderizar esa forma en el lienzo, incluyendo dónde aplicar las propiedades de trazo y relleno de la capa.
Muchas herramientas vectoriales solo permiten dibujar trazados vectoriales en una sola dirección, que suelen finalizar en el punto de partida original. Las redes vectoriales son únicas porque no necesitan una dirección específica. Pueden tener múltiples trazados que se ramifican en varias direcciones sin necesidad de crear y combinar trazados separados.
Utiliza redes vectoriales para crear tus propias formas únicas, íconos detallados e incluso ilustraciones intrincadas. La herramienta de pluma te permite crear con precisión tus propias redes vectoriales desde cero. También puede usar el modo de edición vectorial para modificar cualquier capa vectorial, incluidas las formas básicas y los trazados vectoriales dibujados con las herramientas de pincel o lápiz, para crear una red vectorial. Obtén más información sobre el modo de edición vectorial.
Nota: En este video, se utiliza la antigua interfaz de Figma. Para ver ejemplos de la nueva interfaz, consulte el contenido dentro de este artículo.
Crea redes vectoriales usando la herramienta de pluma
La herramienta de pluma te permite crear redes vectoriales con gran precisión colocando puntos exactamente donde los desees en el lienzo.
Para usar la herramienta de pluma:
- Selecciona la herramienta de pluma en la barra de herramientas o presiona P.
- Coloca la herramienta de pluma en el lugar donde deseas que comience la red vectorial y haz clic para añadir el primer punto.
- Continúa reposicionando la herramienta de pluma y haciendo clic para añadir puntos y trazados adicionales. Para añadir curvas al trazado, haz clic y arrastra el cursor para determinar la longitud y la inclinación de la curva. También puedes usar la herramienta para Doblar y crear trazados curvos con identificadores de Bézier.
- Completa el trazado con una de las siguientes acciones:
- Para cerrar el trazado, coloca la herramienta de pluma sobre otro punto de la red vectorial. Un pequeño círculo aparece junto al cursor, indicando que el trazado se cerrará en ese punto. Haz clic para cerrar el trazado.
- Para dejar el trazado abierto, presiona Escape y se anulará la selección de la red vectorial.
Cuando crees la red vectorial, puedes usar el modo de edición vectorial para continuar refinándola y modificándola. Obtén más información sobre el modo de edición vectorial.
Agregar terminaciones a los extremos
Puedes agregar estilo al extremo de cualquier trazado abierto. Figma muestra la propiedad de terminación de manera diferente según el tipo de trazado vectorial que hayas seleccionado.
Trazados vectoriales con dos extremos
Figma mostrará las propiedades de los extremos en la barra lateral derecha si se selecciona un trazado vectorial con solo dos extremos. Puedes configurar cada terminación de forma independiente.
Trazados vectoriales con más de dos extremos
Figma mostrará las propiedades de los extremos en el menú avanzado de trazos si se selecciona un trazado vectorial con más de dos extremos.
No puedes editar los extremos de forma independiente cuando se selecciona todo el trazado vectorial. Para editar los extremos de forma independiente, selecciona un único punto vectorial en el modo de edición vectorial y ajusta el tipo de extremo.
Existen seis estilos diferentes de terminaciones que puedes elegir:
- Nada: no agrega ninguna terminación al final del trazado. Los extremos del trazado son cuadrados, sin añadir longitud al trazado.
- Flecha de línea: añade dos líneas de 45 grados a cada lado de los extremos. Utiliza el mismo grosor del trazo del trazado. No se puede cambiar la longitud de las líneas de las puntas de flecha.
- Flecha de triángulo: añade una punta de flecha de triángulo a ambos extremos. Deberás ingresar al modo de edición vectorial para aplicar una flecha a solo un extremo del trazado.
- Triángulo invertido: una versión invertida o volteada de la flecha triangular, con la flecha apuntando hacia adentro, hacia el trazado.
- Flecha circular: una terminación sólida de círculo.
- Flecha de diamante: una terminación sólida de diamante.
- Redondo (predeterminado): añade una terminación con la mitad del grosor del trazo y redondea el extremo del trazado al 50 % de su ancho.
- Cuadrado: añade una terminación con la mitad del grosor del trazo, mientras se cuadra el extremo del trazado.