Framer Agents Now Generate Light and Dark Themes Automatically.

Framer announced that its AI-powered agents can now generate light and dark themes automatically, allowing designers to create dual-mode websites in seconds. The feature analyzes a site's existing design system and produces a matching second theme without manual rework.

The update builds on Framer's recently launched 3.0 platform, which introduced canvas-native AI agents capable of creating layouts, modifying designs, and now adapting entire color schemes. The tool uses a site's current styles as a reference, then applies contrast-appropriate colors, shadows, and backgrounds for the alternate mode.

Designers start with a website in either light or dark mode. Framer Agents then scans the design system including typography, spacing, components, and brand colors to generate the complementary theme. The AI adjusts not just background and text colors but also element opacity, border treatments, and shadow depths to maintain visual hierarchy across both modes.

The feature integrates directly into Framer's design canvas. Users access it through the same agent prompt interface used for layout generation and content creation, requiring only a simple instruction like "create a dark theme" to trigger the transformation.

The automatic theme generation addresses a common pain point for solo designers and small teams who want to offer theme switching without doubling their workload. Manually creating a second theme typically requires rebuilding color systems, testing contrast ratios, and adjusting every component—work that can take hours or days depending on site complexity.

Freelancers building client sites can now deliver dual-theme options as standard, while product teams can test dark mode versions before committing design resources. The feature also helps maintain consistency; because the AI uses the same design tokens and spacing rules, both themes share structural integrity even as colors shift.

Framer's move follows growing expectations for theme flexibility in web design. Major platforms from Webflow to Squarespace have added native dark mode support, but most still require manual setup for each theme variant. Framer's approach uses AI to automate the translation work, positioning it as a faster alternative for teams without dedicated design systems.

The company has invested heavily in AI tooling since launching agents earlier this year. Beyond theme generation, the platform can now draft layouts from text prompts, populate components with realistic content, and suggest design improvements. The automatic theme feature represents another step toward Framer's goal of handling repetitive design tasks through AI assistance.

The theme generation capability is available now to all Framer users with access to agents. The feature uses the same AI credit system introduced with Framer 3.0, where users receive monthly credits that refresh based on their plan tier. Generating a full theme typically consumes credits equivalent to creating several new sections, though exact usage varies by site complexity.

Framer has not disclosed specific technical details about the AI models powering theme generation, but the company previously noted that its agents use a combination of large language models and custom design heuristics to understand layout conventions and maintain brand consistency.