Figma Draw: A Vector Editing and Illustration Workspace Arrives

Figma has announced Figma Draw, a new mode within Figma Design that tailors the interface for vector editing and illustration. The release targets designers who increasingly switch between polished UI work and more expressive, hand-drawn visual content. With Figma Draw, the goal is to keep those workflows inside a single canvas rather than forcing creators to jump between specialized tools.

The new environment presents a reorganized set of panels designed to reduce friction during the creative process. The Layers panel now offers thumbnail previews for frames, groups, shapes, vectors, and images, which makes it faster to identify and select elements in a complex stack. A rebuilt main toolbar places the pen, brush, and pencil tools up front, removes less relevant menu functions, and provides quick entry points for specialized vector features. A secondary toolbar lets you configure stroke styles before you start drawing. The Properties panel relies more on tactile controls—sliders and larger previews—and includes an extended stroke panel and pre-selection options for fills, stroke styles, and effects, so you spend less time adjusting settings after creating an object.

Vector Editing Improvements

Figma Draw includes a set of upgrades aimed at making the foundational mechanics of vector work more precise and less tedious. Practical quality-of-life fixes address vertex selection, object alignment and spacing, tabbing between selected geometries, closing open paths, and handle updates. The underlying engine powering boolean operations and the outline stroke feature has also been upgraded for more fluid shape combining and subtraction.

For complex editing sessions, Figma Draw adds multiple node editing: select several vector nodes and press Enter to edit them together, Shift+click additional nodes to extend the selection, or Command+click another node to switch directly to vector editing in that location. A dedicated shape builder tool supports quick icon and logo construction, while the lasso selection tool handles irregular selections or targets dense areas of the canvas with a freehand gesture.

Expressive Tools for Illustration

Beyond core vector mechanics, Figma Draw introduces a suite of creative tools to experiment with visual texture and form directly in the design file.

Hand-drawn and Dynamic Strokes

  • Brushes: Apply organic, calligraphy-style strokes, or build custom brushes for a personal look.
  • Dynamic strokes: Introduce a natural, imperfect wiggle into lines for an energetic feel.
  • Variable width strokes (Coming soon): A tool to add character along a path by varying stroke width at specific points.

Texture and Depth Effects

  • Pattern fill: Use repeating patterns to add texture to any illustration area, just as you would with a solid fill or image.
  • Noise: Apply film-grain-style texture to designs like buttons for an analog aesthetic.
  • Texture: Introduce physical grittiness to layers, shadows, and gradients.
  • Progressive blur: Create visual depth with Layer or Background blur effects that vary in intensity.

New Shape and Type Controls

  • Rotation origin: Precisely manipulate the pivot point for an object; select and press Opt+R to move it, or hover over rotate handles to lock it in place.
  • Text on a path: Bend text along any custom vector path to turn typography into a design element.
  • Repeats: Use repeat transforms to clone nodes in linear or radial patterns for complex, kaleidoscopic arrangements.

Figma Draw is now live in the Figma Design toolbar for all users. The core Figma Design environment retains access to most of these tools as well, supporting an end-to-end workflow that moves from freeform expressive sketching to high-fidelity production inside one document.