Express Yourself with Figma Draw | Figma Blog

Figma Draw is a new workspace within Figma Design that combines streamlined vector editing with expressive illustration tools. It aims to help designers move between precise UI work and more creative, tactile design without switching applications or disrupting their workflow. The feature emphasizes faster iteration, improved control, and a workspace tailored to visual expression.

A Workspace for Visual Expression

• Figma Draw reorganizes Figma’s interface around illustration and vector design.
• New expressive tools include:
  • Brushes and pencils
  • Dynamic strokes
  • Progressive blur
  • Texture and noise effects
  • Text on a path
• The redesigned workspace includes:
  • Layers panel: Thumbnail previews for frames, groups, shapes, vectors, and images make assets easier to navigate.
  • Toolbars: Pen, brush, and pencil tools are more prominent, while specialized vector features are easier to access.
  • Properties panel: Larger previews, sliders, expanded stroke controls, and preselected fills, strokes, and effects reduce repetitive adjustments.

Faster, More Precise Vector Editing

• Quality-of-life improvements make it easier to:
  • Select vertices
  • Align and distribute objects
  • Tab between selected geometries
  • Close open paths
  • Update vector handles
• Upgraded boolean and outline-stroke engines make combining and subtracting shapes more fluid.
• Multiple node editing allows users to select and edit several vector nodes simultaneously.
• Keyboard shortcuts support faster workflows:
  • Enter edits selected nodes together.
  • Shift-click adds nodes to a selection.
  • Command-click jumps into vector editing on another node.
• The shape builder tool helps construct icons and logos from multiple shapes.
• Lasso selection makes it easier to select irregular groups of objects or detailed regions of the canvas.

Tools for Creative Experimentation

• Figma Draw expands Figma beyond production-focused vector work into illustration and visual exploration.
• Brushes can create more distinctive marks, while texture and noise effects add tactile qualities.
• Progressive blur introduces depth and softness to designs.
• The goal is to let designers create icons, illustrations, branding assets, social graphics, and other expressive work without relying on external tools or plugins.

Figma Draw is positioned as a way to keep both precise and expressive design work inside one canvas. Designers who regularly switch between interface design, illustration, branding, and visual assets may benefit most from its unified workflow and expanded vector controls.