framer.com

# Framer

> Framer is the free website builder with a world-class design agent for designers, marketers, and teams. Design responsive websites on a canvas, manage CMS content, and publish with built-in hosting, SEO, AEO, and analytics.

AI and agent changes stay editable on the canvas. For coding assistants working inside a Framer project, start with External Agents and the developer documentation.

Links with ?md request a Markdown view. If that view is unavailable, use the same page without the parameter. Use Pricing for current rates, credit allowances, billing terms, and add-ons.

## Product

- [Homepage](https://www.framer.com/): Overview of Framer’s website builder, design agent, CMS, and website publishing.
- [Pricing](https://www.framer.com/pricing?md): Current plans, billing options, AI credits, editor fees, limits, and add-ons.
- [Design](https://www.framer.com/design/?md): Responsive layouts, visual editing, components, effects, and freeform design work.
- [CMS](https://www.framer.com/cms/?md): Collections, fields, detail pages, content imports, and bulk updates with agents.
- [Hosting](https://www.framer.com/hosting/?md): Custom domains, SSL, security, global delivery, redirects, and advanced hosting options.
- [Publishing](https://www.framer.com/publish/?md): Staging, production deployments, password protection, version history, and rollback.
- [Collaboration](https://www.framer.com/collaborate/?md): Branching, preview links, comments, team roles, and review before publishing.
- [SEO](https://www.framer.com/seo/?md): Page metadata, sitemaps, indexing, structured data, redirects, and SEO audits.
- [Performance](https://www.framer.com/performance/?md): Pre-rendering, image optimization, predictive loading, and page-performance techniques.
- [Analytics](https://www.framer.com/analytics?md): Cookie-free visitor analytics, traffic sources, page reports, and filters.
- [Convert](https://www.framer.com/convert/?md): Conversion funnels, A/B tests, and visitor-triggered experiences through the Convert add-on.

## AI and agents

- [Framer AI](https://www.framer.com/ai/?md): AI agents to design, build, and manage websites. Every change stays editable on the canvas.
- [Framer Agents](https://www.framer.com/agents/?md): Examples for updating layouts, managing CMS content, building components, and auditing sites.
- [External Agents](https://www.framer.com/agents/external/?md): Connect Claude Code, Codex, Cursor, and other AI tools to a Framer project.
- [Skills](https://www.framer.com/skills?md): Create reusable instructions for design systems, writing, CMS work, and repeated tasks.
- [Make your site readable by AI agents](https://www.framer.com/help/articles/make-site-readable-by-ai-agents/): How Framer serves HTML and Markdown to AI tools, including access through ?md.

## Learning and support

- [Help Center](https://www.framer.com/help/?md): Support articles for site setup, the canvas, CMS, publishing, billing, and troubleshooting.
- [Academy](https://www.framer.com/academy/?md): Lessons on agents, responsive layouts, CMS, publishing, SEO, and design systems.
- [Build your first site](https://www.framer.com/academy/lessons/build-your-first-site?md): Start with a prompt, refine the canvas, check responsive layouts, and publish.
- [Build your CMS](https://www.framer.com/academy/lessons/getting-started-with-the-framer-cms?md): Set up collections and fields, then connect content to detail pages and lists.
- [Connect a custom domain](https://www.framer.com/help/articles/how-to-connect-a-custom-domain/?md): Publish a project and connect a domain or subdomain with the required DNS settings.
- [Localization](https://www.framer.com/help/localization/?md): Guides to locales, translations, language routing, localized content, and right-to-left layouts.
- [Accessibility](https://www.framer.com/help/articles/guide-to-web-accessibility-in-framer/?md): Semantic tags, image alt text, tab order, contrast, and reduced-motion settings.
- [Add an llms.txt file](https://www.framer.com/help/articles/llms-txt-framer/?md): Upload an llms.txt file through Hosting Files and check its published address.

## Developers

- [Developer documentation](https://www.framer.com/developers/?md): Entry points for plugins, React components, overrides, Fetch, and the Server API.
- [Code components](https://www.framer.com/developers/components-introduction?md): Build React components with visual controls for the canvas, previews, and published sites.
- [Code overrides](https://www.framer.com/developers/overrides-introduction?md): Add behavior to existing elements, with guidance on when built-in features are preferable.
- [Plugins](https://www.framer.com/developers/plugins-introduction?md): Build editor extensions that work with canvas elements, components, assets, and CMS collections.
- [Fetch](https://www.framer.com/developers/fetch-introduction?md): Connect site content to APIs and prepare backend endpoints for Framer’s Fetch feature.
- [Server API quick start](https://www.framer.com/developers/server-api-quick-start?md): Authenticate with a project API key, install the package, and run a script.

## Solutions and programs

- [AI website builder](https://www.framer.com/solutions/ai-website-builder/?md): Build a site with AI from a prompt, then refine it on the canvas and publish.
- [Landing pages](https://www.framer.com/solutions/landing-pages/?md): Build campaign pages with responsive layouts, forms, analytics, and experiments.
- [Portfolio websites](https://www.framer.com/solutions/portfolio-website/?md): Create project galleries and CMS-powered case studies for creative portfolios.
- [Figma to website](https://www.framer.com/solutions/figma-to-html/?md): Import Figma layouts, refine them in Framer, and publish without exporting static code.
- [Agency program](https://www.framer.com/agencies/?md): Agency access, referral benefits, team training, and support for client work.
- [Startup program](https://www.framer.com/startups/?md): Startup website workflows, program benefits, and the application process.
- [Enterprise](https://www.framer.com/enterprise/?md): Custom limits, team access, SSO, SCIM, security, and support for larger sites.
- [Switch to Framer](https://www.framer.com/switch/?md): Application process and support for moving active company or client sites to Framer.

## Compare

- [Comparison overview](https://www.framer.com/compare?md): Find comparisons with visual builders, AI app builders, coding tools, and content platforms.
- [Framer vs Webflow](https://www.framer.com/compare/framer-vs-webflow?md): Compare design workflows, agents, CMS, hosting, collaboration, code export, and pricing.
- [Framer vs Figma Sites](https://www.framer.com/compare/framer-vs-figma?md): Compare visual editing, responsive pages, CMS, SEO, collaboration, and hosted publishing.
- [Framer vs Wix](https://www.framer.com/compare/framer-vs-wix?md): Compare visual website workflows with business features such as ecommerce and bookings.
- [Framer vs Squarespace](https://www.framer.com/compare/framer-vs-squarespace?md): Compare responsive design control, templates, content, commerce, scheduling, and site ownership.
- [Framer vs WordPress](https://www.framer.com/compare/framer-vs-wordpress?md): Compare website editing, CMS, hosting, SEO, and theme or plugin maintenance.
- [Framer vs Lovable](https://www.framer.com/compare/framer-vs-lovable?md): Compare marketing-site workflows with full-stack apps, databases, and authentication.
- [Framer vs v0](https://www.framer.com/compare/framer-vs-v0?md): Compare a visual website platform with generated application code and Vercel deployment.
- [Framer vs Claude Code](https://www.framer.com/compare/framer-vs-claude-code?md): Compare visual site management with repository-based coding, testing, and engineering work.
- [Framer vs Codex](https://www.framer.com/compare/framer-vs-codex?md): Compare website ownership and publishing with agent workflows across code and tools.

## Marketplace

- [Templates](https://www.framer.com/marketplace/templates/?md): Free and paid website templates to customize as a starting point.
- [Components](https://www.framer.com/marketplace/components/?md): Reusable interface elements, interactions, and visual effects for Framer sites.
- [Plugins](https://www.framer.com/marketplace/plugins/?md): Editor tools and integrations that extend Framer workflows.
- [Vectors](https://www.framer.com/marketplace/vectors/?md): Icon sets, illustrations, and shapes to add and restyle in a project.

## Contact, security, and privacy

- [Contact](https://www.framer.com/contact/?md): Ways to reach support, billing, emergency help, sales, and abuse reporting.
- [Security](https://www.framer.com/legal/security?md): Security controls, compliance reports, infrastructure practices, and Trust Center access.
- [Privacy statement](https://www.framer.com/legal/privacy-statement?md): How Framer handles personal data and defines customer and user responsibilities.

## Optional

- [Updates](https://www.framer.com/updates?md): Product releases, improvements, and changes to Framer’s features.
- [Blog](https://www.framer.com/blog/?md): Product news, engineering articles, tutorials, and company updates.
- [Customer stories](https://www.framer.com/stories/?md): Examples of how companies and agencies build and manage their Framer sites.
- [Gallery](https://www.framer.com/community/gallery/?md): Published Framer websites for design examples and inspiration.
- [AEO scanner](https://www.framer.com/aeo?md): Scan one URL for AI-readability issues; use its report as guidance, not a guarantee.
- [Build answer-oriented pages](https://www.framer.com/guides/answer-oriented-pages/?md): A page structure using clear questions, short answers, supporting sections, FAQs, and schema.