# How to Add a Shape in Framer

> To add a shape in Framer, open your project, incorporate vector graphics, and add visual elements. Next, customize the shape style and color schemes using the hex picker. Finally, add a fill color in the right panel and add interactive animations.

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

## Steps

1. Open your Framer project.
2. Click and incorporate 'Vector' graphics for scalable designs.
3. Add visual elements to enhance your design.
4. Customize the shape style.
5. Customize color schemes with an intuitive hex picker.
6. Add a Fill color under the right panel.
7. Add interactive animations to engage visitors