--- title: "Framer: AI CMS for dynamic websites" description: Generate, build, update, and maintain dynamic websites with Framer’s AI-powered CMS. Create collections, manage content, optimize SEO, and stay in control on the canvas. published: "Sep 18, 2026, 4:28 PM UTC" --- # Create, manage, and publish dynamic sites with AI agents [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) How Perplexity launched their AI search brand site AI How DoorDash redesigned their marketing site Enterprise How NBA launched a global fan experience Sports How Dribbble rebuilt their community platform Design How Zapier ships landing pages 10x faster SaaS How Microsoft powers brand design at scale Enterprise How Huel grew their direct-to-consumer storefront Consumer How Mixpanel launched their new product site SaaS How Cal.com ships a world-class docs experience Startup How Loops builds email SaaS pages in days SaaS How Contra launched a freelancer marketplace Startup How Miro ships marketing pages without engineering SaaS, Add to Agent, ⌃A, Agent, Updates, Use, use-cases.csv to create Use Case Articles and Categories collections. Populate fields and match each article to a category. Thinking... I’ll create two CMS collections from the attached CSV. Added 82 layers 44s Done — I added two linked collections: 1. Articles — 39 CSV rows imported. 2. Categories — 10 rows added and linked to Articles as multi-select tags. Changes, Undo, Articles, 39 Items, Categories, 10 Items, GPT 5.6 Terra [Meet our customers](../stories/) ## Create, update and import your content. Manually or with a prompt. Leads the Marketing team at Framer Ashley Worth Partnerships Agency partnerships manager Edoardo Mercati Design Product lead of CMS and Localization Andy Orsow, Design, Video marketeer at Framer, Sophia Cassidy, Education Education and startups partnerships manager Tom Watson Engineering Staff product engineer ### Create a collection in seconds Describe what you want to store and the agent creates the collection, adds the right field types, and sets up slugs automatically. Publish Title Vibe-coding interactive components Date, 9/18/2026, Image, Categories, Tutorials, AI, Content Interactive components used to require hours of careful state management and animation logic. With vibe-coding in Framer, you describe what you want in Slug translation models framer.com/blog/translation-models Status, Live, Tint, 6200D9, Featured, Title, Status, Image, Category Vibe-coding interactive components Draft Tutorials 10 animation techniques every designer should know Live Inspiration Behind the scenes: building a design system at scale Live Product The art of micro-interactions: small details, big impact Live Inspiration How to keep your design system in sync Live Guide Typography first: why type sets the tone for everything Live Design Empowering next generation of designers Live Inspiration ### Populate collections with real content Ask the agent to fill your collection with sample data and it generates structured, realistic items. Titles, descriptions, dates, and categories ready to preview. Desktop, 1200, Blog, web-interactions, Draft ### A fully designed detail page, wired to your content Ask for a detail page and the agent creates the route, maps every field, and wires the full layout. No URLs or variables to set up manually. How Zapier unified their marketing site in 8 weeks Live SaaS 16/06/26 Scaling Mixpanel’s design system to 500+ components Live Analytics 13/06/26 Bird's zero-downtime deployment pipeline Live Fintech 10/06/26 StackAI’s approach to real-time inference at scale Live AI 07/06/26 How Miro shipped a new marketing site without compromising on design Live Collaboration 04/06/26 Designer Fund’s portfolio platform from 0 to launch Live John Doe 01/06/26 ### Turn spreadsheets into dynamic website pages Drop in a `.csv` file and the agent reads your columns, creates the collection schema, maps every field, and populates all items. Your data is live and editable in seconds. Fixed OAuth token refresh failing silently Bug Fix 16/06/26 Live Redesigned onboarding flow for new workspaces Improvement 13/06/26 Live Added real-time collaboration cursors New Feature 10/06/26 Live Resolved memory leak in dashboard charts Bug Fix 07/06/26 Live Introduced webhook retry with exponential backoff New Feature 04/06/26 Live ### Bulk edits, rewrites, and migrations Move content between collections, wire up relations across hundreds of items, and rewrite or optimize copy. All in a single prompt. Create a new Authors collection for the Blog with fields for name, avatar, department, bio, and social link. Thinking... Setting up the Authors collection now. Adding fields for name, avatar, department, bio, and social link. Changes, Undo, Authors, 39 Items, GPT 5.6 Terra ## The CMS, built for how teams work Sep 18, 2026 Dynamic Optimization Introducing Dynamic Optimization, an all-new way of optimizing your published websites. All sites now optimize in seconds, even large ones. And adding pages has no impact on optimization time. Pages are now optimized on first visit, and we cache the result until the next publish. Your most visited pages are pre-optimized on publish, ensuring consistent performance and full visibility into any issue. [Edit content anywhere](../help/articles/on-page-editing/) Update collections directly on your site, on any device. Teammates can edit content on mobile without ever opening the canvas. ### Visual content editor Edit and publish content directly on the canvas. See your changes in context without switching to a separate editor or leaving your layout. Site Settings Title {{Title}} – Comet Resources URL /resources/:slug/ Page Description {{Category}} – {{Seo Description}} Plain text values from the CMS can be used for the title & description. For example, a field named “Title” can be referenced as {{Title}} to display unique content per page. CMS Variables: Title, SEO Description, Category, Intro, Slug, Quote [Automatic SEO](../seo/) Optimize every CMS page automatically, from dynamic titles and descriptions to schema and open graph tags. ### Drafts & publishing Write and stage content without it going live. Preview your changes first, then publish when ready, whether you’re working solo or with a team. ## The details that make content feel alive ### Websites with Best Interactive Design Juliet John 5 min read Blog Conditional Visibility. Show or hide elements automatically with CMS logic. Built-in localization. Translate content across languages and serve the right version to the right audience automatically. Academy, Case Studies, 99, Industries, 18, Companies, 99, Solutions, 47, Developers, Events, Help, Add... Data Collections. Store and organize all your content in one place. Search guides…, Categories, All, Design, Components, SEO, Topic, Layout, Levels, Beginner, Intermediate, Advanced Dynamic Filters. Filter CMS lists with search, tabs, toggles, and dropdowns. Categories, Personal, Portfolio, Personal, Portfolio, Blog, Business, Landing, SaaS Unlimited References. Connect collections for flexible content. Title Status Date Marketing websites with rapid iteration cycles Draft 20/05/26 E-commerce storefronts with dynamic product catalogs Draft 15/05/26 Internal dashboards for real-time team metrics Live 10/05/26 Client portals with role-based access control Live 05/05/26 Documentation hubs with versioned content Live 30/04/26 Improved search indexing speed by 40% Live, John Doe, 01/06/26, Sorting, Status, Draft → Live, Date, New → Old, Add…, Discard, Save Sort by any field. Order by text, date, number, or boolean and combine multiple rules. Collections, Fields, Plugins, Articles, Fields, Title, Slug, Image, Reference, Toggle, Icon, Color, File, Link Rich field types. Text, images, rich text, dates, references, and more. ## The list goes on - [On-page editing](../dictionary/on-page-editing) - [Mobile CMS](../dictionary/mobile-cms) - [Tables in rich text](../dictionary/tables-in-rich-text) - [Pagination](../dictionary/pagination) - [Markdown](../dictionary/markdown) - [Bulk operations](../dictionary/bulk-operations) - [Up to 100K items](../dictionary/up-to-100k-items) - [CSV import](../dictionary/csv-import) - [Code blocks](../dictionary/code-blocks) - [Blockquotes](../dictionary/blockquotes) - [Google Sheets sync](../dictionary/google-sheets-sync) - [Airtable sync](../dictionary/airtable-sync) - [CMS Galleries](../dictionary/cms-galleries) - [Dynamic filters](../dictionary/dynamic-filters) - [CMS agents](../dictionary/cms-agents) ## Everything your site needs, built into Framer - [Design Design responsive sites on a visual canvas.](../design/) - [AI Generate, iterate, and improve sites faster.](../ai/) - [Agents Use AI to edit and maintain pages.](../agents/) - [External agents Connect Claude Code, Cursor, Codex, and more.](../agents/external/) - [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/) ## 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) - [AI New](../ai/) - [Agents New](../agents/) - [External Agents New](../agents/external/) - [Design](../design/) - [Collaborate New](../collaborate/) - [Hosting](../hosting/) - [Performance](../performance/) - [SEO](../seo/) - [Convert](../convert/) - [Publish](../publish/) - [Updates New](../updates) - [Academy](../academy/) - [Guides](../guides) - [Desktop app](../downloads/) - [Blog](../blog/) - [Newsletter](../newsletter) - [Stories](../stories/) - [Developers](../developers/) - [Creators](../creators) - [Experts](../expert/apply/) - [Students](../education/students/) - [Ambassadors](../education/ambassadors/) - [State of Sites](https://www.framer.com/state-of-sites-2026/) - [Stack Score New](../stack-score/) - [Help Articles](../help/) - [Contact](../contact/) - [Startups](../startups/) - [Agencies](../agencies/) - [Switch](../switch/) - [Careers](../careers/) - [Brand](../brand) - [Store](../store) - [Security](../legal/security) - [Abuse](mailto:abuse@framer.com) - [Legal](../legal/community-terms) - [Trust](https://app.eu.vanta.com/framer.com/trust/ow67ujg7iav0t6qtd1o6r2) - [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/) - [No-code](../solutions/no-code-website-builder/) - [Overview](../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) - [Marketplace](https://www.framer.com/community/marketplace/) - [Templates](https://www.framer.com/community/marketplace/templates/) - [Components](https://www.framer.com/community/marketplace/components/) - [Plugins](https://www.framer.com/community/marketplace/plugins/) - [Vectors](https://www.framer.com/community/marketplace/vectors/) - [Feed](https://www.framer.com/community/feed/) - [Hype](https://www.framer.com/community/hype/) - [Gallery](https://www.framer.com/community/gallery/) - [Contests](https://www.framer.com/community/contests/) - [Members](https://www.framer.com/community/members/) - [Meetups](../meetups/) - [Updates](../updates/community/) - [Figma to HTML](../solutions/figma-to-html/) - [AEO scanner](../aeo) - [Meta Tags](https://www.linkpreview.app/) - [Free domains](../domains/) - [CanvasBench](../canvasbench/) - [Shortcuts](../shortcuts) - [Checking status](https://www.framerstatus.com/) - [504,616,418,546 tokens processed this week](https://openrouter.ai/apps/framer)