Framer Agent Now Generates New Website Layouts While Preserving Your Styles.

Framer has expanded its AI agent capabilities to generate alternative website layouts on demand while respecting existing design systems. The update lets users explore new visual directions without manually rebuilding components or losing brand consistency.

The feature, announced on LinkedIn this week, represents a shift from generating entire sites from scratch to iterating within established design frameworks. Users can now ask the Framer Agent to produce layout variations that inherit fonts, colors, spacing rules, and component styles already defined in their project.

The agent analyzes a site's existing style system, including typography scales, color tokens, and component libraries, then generates new page structures that conform to those constraints. A user might request "a pricing page with three tiers" or "a hero section with video background," and the agent assembles layouts using the project's design language.

This approach differs from typical AI site builders that start from a text prompt and produce generic output. By working within an existing design system, the agent produces variations that feel native to the site rather than grafted on. The feature builds on Framer's broader 3.0 release, which introduced canvas-native agents earlier this year.

Framer's implementation mirrors a broader industry trend. Tools like Webflow and v0 have begun adding AI features that generate design variations rather than complete sites, recognizing that most professional work involves refinement within constraints rather than blank-slate creation.

The layout generation feature targets two workflows: rapid prototyping during client presentations and A/B testing for conversion optimization. A designer can generate multiple homepage concepts in minutes, then refine the winning direction. An e-commerce team can test product page layouts without writing code or hiring additional design resources.

Framer has not disclosed the underlying model powering the agent, but the company's engineering blog describes a system that combines large language models with custom layout algorithms. The agent doesn't simply generate HTML; it produces editable Framer components that users can modify using the platform's visual editor.

The feature is available to all Framer users as part of the platform's AI credit system. Framer revised its pricing structure earlier this year to bundle AI capabilities across plans rather than gate them behind premium tiers.

Layout generation works best with structured content like landing pages, portfolios, and marketing sites. Complex web applications with custom logic or deeply nested components may require more manual intervention. The agent also inherits biases from its training data, occasionally producing layouts that feel templated despite respecting individual style systems.

Framer continues iterating on agent capabilities. Recent updates include automatic light and dark theme generation and improved handling of responsive breakpoints. The company has signaled that future updates will focus on letting agents modify existing pages rather than only generating new ones, closing the gap between initial creation and ongoing iteration.