Generation, layout, and styling with Framer Agents

Framer's canvas agent designs directly on your project, using its content, structure, and style as context to build sections, pages, animations, and themes while you co-edit alongside it.

Framer's canvas agent designs directly on your project, using its content, structure, and style as context to build sections, pages, animations, and themes while you co-edit alongside it.

You'll learn how to direct agents with the context tool and @mentions, rebuild UI from a screenshot, branch for large responsive edits, clean up unbound text styles, and theme a site for light and dark mode. Because agents handle the tedious, repetitive work across an entire project at once, you can focus on the creative decisions instead of tweaking layers one at a time.

Lesson details