Edit pages and content
Everything you see on the canvas is the real site: select something and change it. Work on the Desktop breakpoint first — the smaller breakpoints follow it.
Double-click any text to edit it. The look (font, size, color) comes from its text style, so you only change the words; to change how all headings look, edit the style instead (Colors, fonts and styles).
Images
Section titled “Images”Select an image and pick a new one in the right panel (the Image or Fill section) — upload your own or drag a file from your computer onto the image. Use photos at least as wide as they appear on a large screen, and fill in the alt text so the image is described to screen readers and search engines.
Links and buttons
Section titled “Links and buttons”Select a button or linked text and set its Link in the right panel: a page of the site, a section on a page, an email address, or a web address. Check the header and footer menus too — they’re components, so you edit them once (Components).
Sections
Section titled “Sections”Every page is a stack of sections. In the Layers panel you can move a section up or down, duplicate it (to reuse a layout), hide it, or delete it. Sections you delete are easy to get back from another page of the template or from a new copy of it.
Components
Section titled “Components”Headers, footers, buttons, cards and other repeated parts are components: change the component and every copy on every page updates. Open one from Assets → Components (or from a copy on the canvas) to edit it. Buttons and cards often have variants — hover and pressed states, or light and dark versions — shown side by side while you edit.
Breakpoints
Section titled “Breakpoints”Most templates have Desktop, Tablet and Phone breakpoints. What you change on Desktop carries over to the others, unless that layer was already changed on a smaller breakpoint — then fix it there too. Always check all three before you publish.
Framer’s guides: Framer Help and the free Framer Academy lessons.
Next: CMS collections.