How to Create Illustration in Figma: Step-by-Step Guide

To create an illustration in Figma, start by using basic shapes and the Pen tool to draw custom paths. Combine and layer these elements, then style them with colors, strokes, and effects to build your illustration.

Syntax

In Figma, creating an illustration involves these main steps:

• Shapes: Use tools like Rectangle, Ellipse, and Polygon to create basic forms.
• Pen Tool: Draw custom paths and curves for detailed shapes.
• Layers: Organize shapes and paths in layers to manage your illustration.
• Styling: Apply fills, strokes, gradients, and effects to enhance visuals.

text

1. Select Shape tool (R for Rectangle, O for Ellipse)
2. Click and drag on canvas to create shape
3. Use Pen tool (P) to draw custom paths
4. Arrange layers in Layers panel
5. Apply fill color and stroke in Properties panel

Example

This example shows how to create a simple sun illustration using circles and lines in Figma.

text

1. Select Ellipse tool (O), hold Shift, and draw a circle for the sun's body.
2. Set fill color to yellow (#FFD93B).
3. Use Line tool (L) to draw rays around the circle.
4. Duplicate and rotate rays evenly around the sun.
5. Group all elements (Ctrl+G) to keep the illustration together.

Output

A yellow circle with evenly spaced lines radiating outward, resembling a sun illustration.

Common Pitfalls

Beginners often make these mistakes when creating illustrations in Figma:

• Using too many layers without naming them, making it hard to manage.
• Not holding Shift when drawing shapes, resulting in uneven forms.
• Forgetting to group related elements, causing accidental moves.
• Overusing effects that clutter the design.

text

Wrong way:
- Draw shapes without holding Shift (ellipses instead of circles)
- Leave layers unnamed

Right way:
- Hold Shift to constrain proportions
- Name layers clearly
- Group related elements

Quick Reference

Tool/Action	Shortcut	Purpose
Rectangle Tool	R	Draw rectangles and squares
Ellipse Tool	O	Draw circles and ellipses
Pen Tool	P	Draw custom paths and shapes
Line Tool	L	Draw straight lines
Group Elements	Ctrl+G	Group selected layers
Hold Shift	While drawing	Constrain proportions (perfect squares/circles)

Key Takeaways

Use basic shapes and the Pen tool to build your illustration step-by-step.

Hold Shift while drawing shapes to keep proportions even and neat.

Organize your work with layers and groups to avoid confusion.

Apply colors and effects sparingly for a clean, clear illustration.

Name layers and groups to make editing easier later.