Framer has shipped a canvas agent that edits directly inside your live project. It reads your existing content, structure, and styles as context, then builds or modifies sections, pages, animations, and themes. You co-edit alongside it in real time.
The video covers a specific, dense workflow in 13 minutes: generating a services section, rebuilding a contact form from a screenshot, applying staggered animations site-wide, making the layout responsive via branching, cleaning unbound text styles, and theming for light and dark mode. The branching feature for large responsive edits and the screenshot-to-form reconstruction are the two sequences worth watching in full, not just reading about.
The core argument is simple: agents absorb the repetitive, multi-layer work so you make creative calls instead of tweaking individual nodes. If you use Framer for client sites or rapid prototyping, the workflow shown here compresses hours of cleanup and theming into a single prompted session. The design pages and style guide generation at 13:39 shows where this is heading.
[WATCH ON YOUTUBE →]