# How to Draw in Framer

> To draw in Framer, open your project, select the Vector tool in the left toolbar, and use the Path tool for custom shapes. Next, add interactive hover states and subtle animations to your elements, then preview your final designs.

Canonical: https://livedemo.ai/tutorials/how-to-draw-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3c18ab56e05a00fe394a/preview?step=1

## Steps

1. Open your Framer project.
2. Click on 'Vector' to access the drawing tool in the left toolbar to start creating your illustrations.
3. Use the 'Path' tool to create custom shapes with precise control over curves.
4. Add interactive hover states to your drawn elements for richer engagement.
5. Bring your drawings to life with subtle animations and transitions.
6. Preview your drawings to see how they'll appear in the final design.