--- title: "Framer: AI canvas agent" description: Framer is an AI website builder for designers and teams. Generate editable pages, refine every detail on canvas, and publish with CMS, hosting, SEO, and analytics. published: "Oct 8, 2026, 9:30 AM UTC" --- # AI website builder for designers and teams [Get started for free](https://framer.com/r/signup/) [Download app](https://updates.framer.com/electron/darwin/arm64/Framer.zip?_ga=2.113395847.1447313862.1646043056-273660571.1642151053) [Watch demo](../academy/lessons/framer-agents-generation-layout-style) Change the hero to a vertical stack layout, then replace the hero image with the image attached. GPT 6 Sol [Meet our customers](../stories/) ## Create with AI. Stay in control from canvas to publish. Desktop 1200 ### How Framer’s AI website builder works Describe the website, page, or update you need. Framer’s AI agent creates editable pages, sections, copy, and visuals directly in your project. Keep refining in the conversation, or take over on the canvas at any point. [Start with Agents](https://www.framer.com/signup/) Featured models, Petal 3.1, Builds and ships, Ember 4.7, Fast and efficient, Horizon 2.1, For complex work ### Design responsive websites with AI and full control Start from a prompt and use the Framer canvas to refine layouts, typography, components, breakpoints, spacing, color, and effects. AI helps you move faster while you make the final design decisions. [Start with Agents](https://www.framer.com/signup/) ### Manage website content with AI agents Create collections, populate CMS content, and keep your site organized. Framer’s AI agent works directly with your CMS and canvas, so content, design, and publishing workflows stay connected. [Start with Agents](https://www.framer.com/signup/) ImageSlider ### Build custom code with an AI agent Describe the interaction or live feature you need, and the AI agent can build a code component for your site. Review the result, refine it in Framer, and keep it connected to your design system. [Start with Agents](https://www.framer.com/signup/) Desktop, 1200, News, Announcement #### Introducing Bloom Horizon 2.1 #### Bloom Horizon 2.1 is here. Our latest forcasting model helps teams antitcipate risks across public health, education, and support, so decisions come earlier and with more confidance. Olivia Lindqvist, Research Lead, Bloom®, Research, Commitments, Learn, News, Try Bloom ↗ ### Review and improve your website with AI Ask the AI agent to review your site before publishing. It can identify contrast issues, typos, missing alt text, SEO gaps, and inconsistent styles, then help you fix them in the same project. [Start with Agents](https://www.framer.com/signup/) Desktop, 1200, Bloom®, Research, Commitments, Learn, News, Try Bloom ↗ Simple pricing based on your needs Monthly, Yearly, Starter, $29/month For solo builders getting started Professional $49/month For growing teams that ship fast Enterprise $119/month For organizations running analysis at scale ### Use AI analytics to improve your website Ask the AI agent to analyze traffic and turn it into practical next steps. Review top pages, drop-offs, search intent, and conversion gaps, then refine the site directly in Framer. [Start with Agents](https://www.framer.com/signup/) GPT 6 Sol Generate a homepage for Bloom, an AI research organization for human wellbeing. Make it minimalistic and dark, with releases, research themes, public trust, and CTAs. Thinking... Created a design plan 2s 1. Dark minimal opening with Bloom identity, research statement, CTAs, and trust signals. 2. Releases section with publication style cards. 3. Research themes and public trust sections. 4. Closing CTA and homepage metadata. Created the Bloom homepage on Home. Would you like me to add tablet and phone breakpoints next? ## Connect Claude Code and Codex in ChatGPT to Framer Copy `Copy install prompt` [Install](../agents/external/#connect) What our users say Name Sample @NameSample Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you’re a small team wearing a lot of hats. Name Sample @NameSample Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you’re a small team wearing a lot of hats. Name Sample @NameSample Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you’re a small team wearing a lot of hats. Name Sample @NameSample Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you’re a small team wearing a lot of hats. framer-agent, claude, cursor, Codex ╭─── Claude Code v2.1.170 ─────────────────────╮ Sonnet 4.6 · Claude Team · Framer Initializing Agent environment...\ └ Node.js detected `· `twitter-api-v2 loaded. Skill(check-auth-status)\ └ Authenticated with X API. Bash(GET /2/tweets/search/recent --query "@keyframe -is:retweet" --max 100)\ └ 187 returned · 27 passed like\_count ≥ 100. Bash**(GET /2/users/:id × 6)** └ name, handle, avatar resolved. 27 posts live · refreshes every 5 min. ###### *Pull in live data* Run scripts and workers that refresh site content from live APIs. ###### *Migrate and import* Import from sources like Notion, WordPress, or other APIs into your CMS. ###### *Import local files* Pull local files from your machine to fill in CMS content. ## Explore more ways to boost your productivity with AI agents in Framer [Update your existing site](../agents/#update) [Style your site](../agents/#design) [Build new sites from scratch](../agents/#new-sites) [Migrate from another tool](../agents/#migrate) [Make your site responsive](../agents/#responsive) [Build custom components](../agents/#components) [Add SEO and gain analytics insights](../agents/#seo) [Manage CMS content](../agents/#cms) [Fix and audit your site](../agents/#audit) [Connect Claude & Codex to Framer](../agents/#external) ## All the control you need, right where you work design-system Use components, styles, spacing, and layouts to create new pages. cms-content When writing content, consider the following… remove-ai-writing Deletes commonly used AI filler writing, vague claims, repetition, seo-check Review and improve page SEO, such as metadata, social previews, image alt text, and other essential SEO settings. [Skills](../skills). Turn the way you work into reusable instructions for agents. Agents **Contexts.** Select layers on the canvas and add them as context to your chat. Chats**.** Start a new one for each task to keep the agent focused. Models. Choose GPT, Sonnet, Opus, or Fable depending on the task. Skills, /cms, Write content, /component, With variants, /code, Custom component Mentions. Type `@` to reference pages, CMS collections, styles, or assets. blog.csv, DESIGN.md, shader.mp4, data.json, component.tsx, screenshot.png, blog.csv, DESIGN.md, shader.mp4, data.json, component.tsx, screenshot.png, blog.csv References. Upload images, files, or URLs to guide AI toward the exact result you want. [Branches](../collaborate/)**.** Iterate safely by moving AI agent edits to a branch. ## Create, manage, and publish your website in Framer - [Design Design responsive sites on a visual canvas.](../design/) - [Agents Use AI to edit and maintain pages.](../agents/) - [External agents Connect Claude Code, Cursor, Codex, and more.](../agents/external/) - [CMS Structure content and publish dynamic pages.](../cms/) - [Collaborate Work together with branches and staging.](../collaborate/) - [SEO Improve visibility with built-in SEO tools.](../seo/) - [Convert Build, test, and grow high-converting sites.](../convert/) - [Hosting Deploy fast sites on global infrastructure.](../hosting/) - [Performance Keep pages fast with built-in optimization.](../performance/) - [Publish Go from design to live site in seconds.](../publish/) ## Frequently asked questions ### What is an AI website builder? An AI website builder uses AI to help create website structure, copy, visuals, and design direction from a prompt or an existing project. In Framer, AI works with editable website layers, so you can refine the result on the canvas, adjust responsive layouts, manage content, and publish a finished site. ### Can I edit a website created with AI in Framer? Yes. Framer creates editable website layers rather than a fixed generated image or locked template. You can update layout, typography, components, styles, breakpoints, effects, copy, images, and CMS content directly in Framer while AI helps with the work. ### Can I publish and manage an AI-built website with Framer? Yes. Framer combines AI-assisted creation with CMS content management, branching and review workflows, hosting, SEO settings, redirects, analytics, and publishing. Teams can create or update a site with AI, review the work, and publish approved changes from the same platform. ## Your next idea starts here Create personal portfolio, Build startup site, `Launch landing page`, Start company blog [Start without AI](https://framer.com/signup) --- ## Navigation - [Enterprise](../enterprise/) - [Pricing](../pricing) - [Log in](https://framer.com/r/login) - [Sign up](https://www.framer.com/r/signup/) - [Brand guidelines](../brand) - [Agents](../agents/) - [External Agents](../agents/external/) - [Design](../design/) - [Collaborate](../collaborate/) - [CMS](../cms/) - [Hosting](../hosting/) - [Performance](../performance/) - [SEO](../seo/) - [Skills New](../skills) - [Convert](../convert/) - [Publish](../publish/) - [Updates](../updates) - [Templates](https://www.framer.com/community/marketplace/templates/) - [Components](https://www.framer.com/community/marketplace/components/) - [Vectors](https://www.framer.com/community/marketplace/vectors/) - [Plugins](https://www.framer.com/community/marketplace/plugins/) - [Gallery](https://www.framer.com/community/gallery/) - [Hire Experts](https://www.framer.com/community/members/) - [Switch](../switch/) - [Agencies](../agencies/) - [Startups](../startups/) - [Academy](../academy/) - [Desktop App](../downloads/) - [Developers](../developers/) - [Affiliates](../creators) - [Experts New](../expert/apply/) - [Guides](../guides) - [Blog](../blog/) - [Newsletter](../newsletter) - [Stories](../stories/) - [Students](../education/students/) - [Ambassadors](../education/ambassadors/) - [Help Articles](../help/) - [Meetups](../meetups/) - [Contact](../contact/) - [Designers](../solutions/designers/) - [Agencies](../solutions/agencies/) - [Marketers](../solutions/marketers/) - [Growth](../solutions/growth/) - [Builders](../solutions/builders/) - [Engineers](../solutions/engineers/) - [Site Teams](../solutions/site-teams/) - [Founders](../solutions/founders/) - [AI website builder](../solutions/ai-website-builder/) - [AI design agent](../solutions/ai-designer/) - [Website builder](../solutions/website-builder/) - [Landing pages](../solutions/landing-pages/) - [Portfolio maker](../solutions/portfolio-website/) - [UI/UX design](../solutions/ui-ux-design/) - [Figma to HTML](../solutions/figma-to-html/) - [No-code](../solutions/no-code-website-builder/) - [Compare](../compare) - [Webflow](../compare/framer-vs-webflow) - [Figma](../compare/framer-vs-figma) - [Wix](../compare/framer-vs-wix) - [Squarespace](../compare/framer-vs-squarespace) - [WordPress](../compare/framer-vs-wordpress) - [Readymag](../compare/framer-vs-readymag) - [Ceros](../compare/framer-vs-ceros) - [Unbounce](../compare/framer-vs-unbounce) - [Lovable](../compare/framer-vs-lovable) - [Claude Code](../compare/framer-vs-claude-code) - [ChatGPT](../compare/framer-vs-chatgpt) - [Codex](../compare/framer-vs-codex) - [Contentful](../compare/framer-vs-contentful) - [Sanity](../compare/framer-vs-sanity) - [AEM](../compare/framer-vs-adobe-experience-manager) - [Replit](../compare/framer-vs-replit) - [v0](../compare/framer-vs-v0) - [Careers](../careers/) - [Security](../legal/security) - [Brand](../brand) - [Abuse](mailto:abuse@framer.com) - [Legal](../legal/community-terms) - [Trust](https://app.eu.vanta.com/framer.com/trust/ow67ujg7iav0t6qtd1o6r2) - [Merch](../store) - [Keyboard](../f1) - [Stack Score](../stack-score/) - [Free domains](../domains/) - [AEO scanner](../aeo) - [State of Sites](https://www.framer.com/state-of-sites-2026/) - [CanvasBench](../canvasbench/) - [Link Preview](https://www.linkpreview.app/) - [Checking status](https://www.framerstatus.com/)