Framer 6 launches with live-code prototyping powered by an LLM runtime

Design · 6 min read

Framer's version 6 update adds a live-code assistant that leverages an embedded LLM runtime to propose component implementations, fix bugs, and wire interactions as designers edit. Users can describe desired behaviors in plain language and have the editor apply changes to the React component tree, with instant hot-reload previews. The assistant also suggests performance best practices and warns about potential accessibility gaps.

A 'pair-programmer' mode lets teams collaborate with the LLM watching edits, proposing refactors, and documenting decisions inline. Framer ensures that suggested changes are atomic and reversible, with a change history and code review prompts. The company also extended plugin hooks so third-party integrators can add custom prompt templates for domain-specific components.

Early testers praise the ability to rapidly convert static designs into working prototypes for user testing, but some engineers raise concerns about maintainability if generated code is not audited. Framer recommends a gating review step before promoting generated code to production branches and plans onboarding content for engineering teams to adopt the tool responsibly.