Quick summary
Adding an image in Framer takes just a few clicks using the built-in Insert panel and Media element. You can drag an image directly onto the canvas or apply one through the Fill menu for full design flexibility.
Steps
- Open your Framer project to get started.
- Open the Insert panel to access Framer's design components.
- Go to the Element section and select Media.
- Navigate to the Media category and select Image.
- Drag the image element onto your canvas and edit the image immediately.
- Go to the Fill menu to add an image via fill settings.
- Choose an image from your files, browse online sources, or drag an image directly into the field.
- You've successfully added an image in Framer.
