Framer Enhances On-Page Editing With Drag-and-Drop Reordering and Layer Locking.

Framer has rolled out significant improvements to its on-page editing experience, giving content editors more flexibility to modify published sites while preserving designer control over layouts and components.

The update introduces drag-and-drop content reordering directly on the page, letting editors rearrange elements without touching the canvas or asking a designer for help. Editors can also swap icons and component variants with a single click, streamlining tasks that previously required navigating layer panels or opening design files. Support for editing localized content is now built in, allowing teams managing multilingual sites to make changes across translations without switching contexts.

To balance editor freedom with design integrity, Framer now lets designers lock specific layers or sections using ⌘ + L. Locked elements remain visible and functional on the page but can't be accidentally moved, resized, or deleted by editors. This approach lets teams move faster without sacrificing control over brand-critical components like headers, navigation menus, or tightly designed hero sections.

The layer locking feature appears designed for teams where designers build the structure and editors handle content updates, a common workflow in agencies and marketing teams using tools like Webflow or Bubble. By keeping layout decisions separate from content changes, Framer reduces bottlenecks that slow down publishing cycles.

The changes arrive alongside other recent updates to Framer's editing capabilities. The platform recently introduced custom distribution controls for A/B testing, letting teams roll out experiments to specific audience segments. Framer has also been highlighting case studies showing how creative teams ship pages independently, as seen when StackAI scaled to 2,000 pages in two weeks without engineering support.

Framer's updated editing tools fit into a larger effort to make the platform more accessible to non-designers. Earlier updates brought auto-translate functionality that keeps content synced across locales using AI models, reducing manual translation work for international teams. The platform also introduced Bento Grid layouts and improved Stack sorting, making it easier to build and modify complex page structures.

These workflow updates position Framer as a competitor to Webflow and Wix in the professional website builder space, particularly for teams that need designer-level output without requiring every change to route through a design team. The layer locking feature, in particular, addresses a common friction point where editors either can't make necessary updates or risk breaking layouts by accident.

Framer announced on LinkedIn that the updated on-page editing features are now live for all users. Teams can start using drag-and-drop reordering, component swapping, and layer locking immediately without needing to enable beta flags or wait for rollout.

The update arrives as Framer continues building toward its F1 product launch slated for Q2 2026, though details about that release remain limited. For now, the focus is on refining collaboration workflows and making it easier for mixed teams to ship and iterate on sites without constant handoffs between designers and editors.