figma-handbook-vector-mode

Trucos para trabajar con vectores en Figma correctamente

Usar vectores en Figma

Trabajar con vectores en Figma es tan fácil como presionar la tecla “R”. Pero para lograr la verdadera magia con la herramienta vectorial es posible que aun no hayas descubierto todo su potencial. No te preocupes, que aquí te contaré algunos trucos para editar tus vectores, y crear formas impresionantes.

Te puede interesar leer: Como generar 8 ideas de DISEÑO en menos de 10 minutos

Introducción

Desde la pandemia el uso de Figma aumento de manera impresionante, no solo por diseñadores UX/UI. Incluso Adobe invirtió 20,000 millones de dólares por ser parte de Figma. Aunque ellos ya tenían un software similar: Adobe XD, el cual no fue competencia para Figma.

Y es que Figma ofrece un gran arsenal de herramientas nativas para cualquier tipo de necesidad de diseño, y no hablemos de los plugins que la comunidad ha desarrollado. Incluso llevo años sin usar Adobe Illustrator, ni Adobe Photoshop.

Pero bueno… la realmente interesante es la herramienta vectorial. Veamos como trabajar de manera correcta vectores en Adobe Figma.

Modo vectorial en Figma

Si vienes del mundo de Adobe Illustrator, sabrás lo util que son los vectores, pero si eres nuevo deja te cuento.

El modo vectorial facilita la edición de formas existentes o la creación de nuevas formas complejas. Presione ‘R’ en su teclado o seleccione la herramienta Rectángulo del panel de herramientas y cree un rectángulo en su lienzo. Asegúrese de que la herramienta Mover esté seleccionada. Luego, presione ‘Enter’ en su teclado, o haga clic en el icono Editar objeto en la parte superior del panel de herramientas. Esto activará el modo vectorial o el modo de edición vectorial .

trabajar con vectores en Figma

Edición de formas vectoriales en modo vectorial

Después de habilitar el modo vectorial, puede seleccionar un solo punto/ruta, o puede seleccionar todas las rutas al mismo tiempo y personalizarlas como desee. Después de ingresar al Modo Vector, hagamos lo siguiente para personalizar la forma:

  • Seleccione y arrastre cualquiera de los puntos de ancla para transformar la forma
  • Puede presionar ‘Shift’ y seleccionar varios puntos de anclaje para cambiarlos a la vez
  • Presione ‘Entrar’ nuevamente o haga doble clic en cualquier parte del lienzo para realizar los cambios
Como trabajar con vectores con Adobe Figma

Crear blob en modo vectorial

Se agregan formas de manchas a un diseño para hacerlo más atractivo visualmente. Por lo general, actúa como telón de fondo para otros elementos, como ilustraciones o textos, lo que significa que la mayoría de las veces es la capa más baja de un diseño. Al ingresar al modo vectorial , puede crear blobs usando la herramienta Blend sin la ayuda de ningún complemento.

HERRAMIENTA DE MEZCLA

Comencemos creando una forma y luego activando la herramienta Fusión.

  • En primer lugar, crea un rectángulo. Luego, presione ‘Enter’ para ir al modo de vector
  • A continuación, seleccione la herramienta Fusión de la barra de herramientas
Como hacer figuras vectoriales en Adobe Figma

CREAR BLOB

Después de seleccionar la herramienta de mezcla, haga lo siguiente para crear un blob:

  • Haga clic en cualquiera de los puntos de anclaje. Notarás que la esquina se va transformando
  • Ahora, haga clic en todos los puntos restantes para que parezca un círculo.
  • Para que parezca una gota, seleccione la herramienta Mover y mueva la forma alrededor
trabajar con vectores en Figma

Conclusión: Sobre trabajar con vectores en Figma

Si bien, al habilitar el modo vectorial, producir formas personalizadas es muy simple. Puedes seleccionar cualquier ruta/punto, agregar diferentes tipos de trazos, esquinas, tapas, unir. ¿Increible ,no?

Con el modo vectorial, es muy fácil agregar o eliminar un punto o una ruta. También puede agregar/eliminar color con la herramienta Bote de pintura después de activar el Modo vectorial. Y con ello podemos lograr casi cualquier forma que se nos ocurra.

Para ilustraciones corporativas y animaciones de motion graphics Figma será tu nuevo aliado.

1 comentario en “Trucos para trabajar con vectores en Figma correctamente”

  1. Pingback: ¿Adobe XD desaparece Creative Cloud? | Estudio Quesadilla

Deja un comentario