Editing Content: Free Tutorial by Adam Sebesta

You will learn the basics of how to edit the content on your website — how to change text, replace images or videos, and update links. All of this is super simple once you know where to look.

Editing text

To edit text directly on the canvas, double-click the text element and type your new content.

You can also select the text element and edit it from the Content field in the right panel. This is especially useful when the text is part of a component or when you prefer editing from the settings panel.

Replacing images

To replace an image, select the image element, then go to the right panel and open the Fill property. From there, you can upload a new image or choose one from your image library.

After uploading an image, make sure to update the alt text. Alt text is important for accessibility and SEO, so briefly describe what the image shows.

You can use images as backgrounds. Any frame that has a background color can be switched to an image instead. Simply change the Fill type from Color to Image and upload your image there.

Uploading videos

Videos work similarly to images, but they need to use a video element.

After selecting the video element, go to the right panel and change the source. You can either paste a video URL (for example, a YouTube link) or upload a video file directly.

Swapping links

To update a link, select the element containing the link and use the Link properties at the top of the right panel to change the destination URL.

Components

Components are the elements with a purple border that you see in Framer.

You can change the content of a component instance using the right panel by adjusting the component properties. These properties are defined inside the parent component.

For example, in the image above, you can change the text and link of this button component instance.

We’ll take a deeper look at components in the next tutorial.

CMS

Framer also includes a CMS (Content Management System), which is used to manage repeatable content such as blog posts, team members, or frequently asked questions.

Instead of creating each item manually, you define the layout once and then manage the content from the CMS. Any changes you make there automatically update on the website.

We’ll cover this in more detail in a dedicated tutorial coming soon.

These are the most common ways to edit content in Framer. Once you understand these basics, updating your website becomes fast and intuitive.