UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

10 Hacks for Illustrating and Drawing in Figma

Super quick tips to speed you up when illustrating in Figma

Danny Sapio
UX Collective
Published in
4 min readApr 4, 2023

Figma is a popular design tool that has gained a reputation for its usability and versatility in creating user interfaces. However, many people may not realize the full extent of its capabilities in illustrating and drawing.

Figma’s vector editing tools allow for precise and efficient drawing, making it a suitable tool for creating intricate illustrations and graphics.

I mean just look at some of the illustrations people like vijay verma are making with Figma — it’s astonishing!

Follow along on YouTube

There is a video version of this article available if you’d like to follow along

1. Pen vs Pencil

IMG pen tool vs pencil tool

To start off any illustration it’s important to note which style works best for the piece. Using the pencil tool gives a more “hand-made” feeling while the pen tool allows for smoother edges and more polish.

SHIFT + P: Pencil tool

P: Pen tool

2. Create a union

GIF Tutorial

When we’re drawing many paths and want to then bring them together we can use CMD + E (Windows: CTRL + E). This allows us to draw in multiple strokes and then join those lines together into one shape.

3. Join paths

GIF Tutorial

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Responses (3)

Write a response