Learn the Framer interface

Framer
5,476 views •

Learn the Framer interface and see where each part of the editor fits together. This tour covers the five main views, toolbar, Pages, Layers, Assets, canvas, preview, publishing, and the Agent. You’ll see how to: - use Canvas to create pages, arrange layers, and work with Components - manage structured content in CMS - localize your site in Framer and review Analytics - use the Agent for page generation and targeted edits - work on a branch, review changes, preview, and publish Every change stays editable on the canvas, so you can review the result and refine it before publishing. Chapters: 0:00 Framer editor tour 0:25 The five main views 1:14 Toolbar, Branching, preview, and publishing 2:35 Pages, Layers, and Assets 3:21 The Agent panel 3:41 The design canvas 4:00 Pan, comments, themes, and zoom 4:41 A mental map of the interface Explore more lessons in Framer Academy: https://framer.link/yt-academy Sign up: https://framer.link/yt Follow Framer: https://framer.link/yt-x

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close