What Is a Vector Node in Figma?

A vector node in Figma is a graphical element that can be used to create shapes, icons, and other design elements in a design project. It is the most important element of the Figma interface as it allows designers to quickly create and manipulate graphic elements for a design project. Vector nodes are also referred to as “shapes” or “objects” in Figma.

Vector nodes are made up of two components: points and paths. Points are the individual parts of the shape that are connected by lines, while paths define how those points connect to each other. Designers can control the shape of a vector node by manipulating its points and paths.

This allows designers to quickly adjust shapes, resize objects, rotate shapes, change colors, add gradients, apply effects and more.

Creating Vector Nodes

Creating vector nodes in Figma is straightforward. Designers simply need to select the “Vector” tool from the left-side toolbar then click and drag their mouse on the canvas to draw their desired shape. After that, designers can use the “Edit Vector” panel on the right-side of the interface to edit their vector nodes by adding points, changing paths, adjusting colors or adding effects.

Resizing Vector Nodes

Designers can also easily resize vector nodes using Figma’s “Transform” panel which can be accessed from the right-side toolbar. Here they can enter exact measurements for width and height or they can adjust it manually by dragging corners or sides of the object.


In conclusion, a vector node in Figma is an essential element for creating graphics for a design project. It consists of two components: points and paths which allow designers to manipulate and customize their shapes easily with quick adjustments such as resizing objects and changing colors.