1. Home
  2. Record any app
  3. Webflow

Record

How to record Webflow tutorials and demos

Webflow Designer and CMS editing are powerful but dense. Clear, zoomed walkthroughs help clients and teammates.

Updated October 20262 min readZoomr 1.15.1

Before you record

Record your Webflow walkthrough

  1. Open the Designer or Editor.

  2. Record

    CMS edits, publishing or style changes.

  3. Deep-zoom

    on the Style panel controls.

  4. Export

    a video per task plus a written guide.

Turn it into a written Webflow guide

Panel buttons have labels; canvas content does not, so some steps may say "the highlighted area". Edit those in the Guide tab.

Parts of Webflow are drawn on a canvas, so Zoomr can't read that text. Guide steps on those areas read "Click the highlighted area", and automatic privacy blur can't detect data there. Use Alt+click (Option+click on a Mac) or an editor blur area for anything private.

Tips for Webflow recordings