Framer

Platform

Solutions

Resources

Enterprise

Pricing

Log in

Sign up

Copy logo SVG

Brand guidelines

Framer

Log in

Sign up

Search...

Get Started

Overview

Compare

FAQ

Plugins

Introduction

Quick Start

Publishing

Changelog

Reference

Guides

Server API

Introduction

Quick Start

Reference

FAQ

Fetch

Introduction

Examples

Components

Introduction

Examples

Asset Sharing

Auto-Sizing

Property Controls

Reference

Overrides

Introduction

Examples

Developers

Search

Search...

Get Started

Overview

Compare

FAQ

Plugins

Introduction

Quick Start

Publishing

Changelog

Reference

Guides

Server API

Introduction

Quick Start

Reference

FAQ

Fetch

Introduction

Examples

Components

Introduction

Examples

Asset Sharing

Auto-Sizing

Property Controls

Reference

Overrides

Introduction

Examples

CMS

Create collections, fields, index pages, and detail pages, then use the Agent to import content and build connected CMS layouts.

Academy

Basics

Agents

CMS

Publishing

Animations

Layout

Content

SEO & AEO

Design Systems

Search all 105 lessons…

Search all 105 lessons…

Search all 105 lessons…

Basics

,

Agents

,

CMS

Build your Framer CMS with the Agent

3:45

Basics

,

Agents

,

CMS

Help your visitors browse your CMS content

3:58

Basics

,

Agents

,

CMS

Create one reusable page for every CMS item

3:29

Lesson thumbnail for connecting Framer to Claude Code, Codex, Cursor, and more.

Basics

,

Agents

,

Design Systems

Connect Framer to Claude Code, ChatGPT Codex, Cursor, and more

7:13

All CMS

Search 16 lessons…

Search 16 lessons…

Help your visitors browse your CMS content

3:58

Help your visitors browse your CMS content

3:58

Create one reusable page for every CMS item

3:29

Create one reusable page for every CMS item

3:29

Build your Framer CMS with the Agent

3:45

Build your Framer CMS with the Agent

3:45

Lesson thumbnail for content, components, and CMS with Framer Agents.

Content, Components, and CMS with Framer Agents

8:25

Content, Components, and CMS with Framer Agents

8:25

Connecting Vector Sets to the Framer CMS — lesson cover image

Connect Vector Sets to the Framer CMS

3:38

Connect Vector Sets to the Framer CMS

3:38

Building an Expanding Article Stack — lesson cover image

Build an expanding article Stack in Framer

13:14

Build an expanding article Stack in Framer

13:14

Utilizing collection lists in Framer — lesson cover image

Create CMS collection lists in Framer

9:17

Create CMS collection lists in Framer

9:17

Draft Pages, CMS Pages, and Locales — lesson cover image

Use Draft Pages, CMS Pages, and locales in Framer

1:44

Use Draft Pages, CMS Pages, and locales in Framer

1:44

CMS collection references introduction — lesson cover image

Use CMS collection references in Framer

3:47

Use CMS collection references in Framer

3:47

Index variable for CMS items — lesson cover image

Use the index variable in Framer CMS lists

5:46

Use the index variable in Framer CMS lists

5:46

Get started with building CMS plugins — lesson cover image

Build a CMS Plugin for Framer

5:07

Build a CMS Plugin for Framer

5:07

  • Product

  • AI

  • Agents

  • External Agents

  • Design

  • Collaborate

  • CMS

  • Hosting

  • Performance

  • SEO

  • Skills

    New

  • Convert

  • Publish

  • Updates

  • Marketplace

  • Templates

  • Components

  • Plugins

  • Vectors

  • Gallery

  • Experts

Business

Switch

Enterprise

Agencies

Startups

Pricing

  • Resources

  • Academy

  • Download App

  • Developers

  • Guides

  • Blog

  • Newsletter

  • Stories

  • Creators

  • Experts

  • Students

  • Ambassadors

  • Help Articles

  • Contact

  • Meetups

  • Solutions

  • Designers

  • Agencies

  • Marketers

  • Growth

  • Builders

  • Engineers

  • Site Teams

  • Founders

  • AI website builder

  • AI design agent

  • Website builder

  • Landing pages

  • Portfolio maker

  • UI/UX design

  • Figma to HTML

  • No-code

  • Compare

  • Webflow

    Figma

    Wix

    Squarespace

    WordPress

    Readymag

    Ceros

    Unbounce

    Lovable

    Claude Code

    ChatGPT

    Codex

    Contentful

    Sanity

    AEM

    Replit

    v0

  • Company

    Careers

    Security

    Brand

    Abuse

    Legal

    Trust

  • By Framer

    Merch

    Keyboard

    Stack Score

    Free domains

    AEO scanner

    State of Sites

    CanvasBench

    Link Preview

Japanese

CCPA

Checking status

Framer

2026年

  • Product

  • AI

  • Agents

  • External Agents

  • Design

  • Collaborate

  • CMS

  • Hosting

  • Performance

  • SEO

  • Skills

    New

  • Convert

  • Publish

  • Updates

  • Resources

  • Academy

  • Download App

  • Developers

  • Guides

  • Blog

  • Newsletter

  • Stories

  • Creators

  • Experts

  • Students

  • Ambassadors

  • Help Articles

  • Contact

  • Meetups

  • Solutions

  • Designers

  • Agencies

  • Marketers

  • Growth

  • Builders

  • Engineers

  • Site Teams

  • Founders

  • AI website builder

  • AI design agent

  • Website builder

  • Landing pages

  • Portfolio maker

  • UI/UX design

  • Figma to HTML

  • No-code

  • Compare

  • Webflow

    Figma

    Wix

    Squarespace

    WordPress

    Readymag

    Ceros

    Unbounce

    Lovable

    Claude Code

    ChatGPT

    Codex

    Contentful

    Sanity

    AEM

    Replit

    v0

  • Company

    Careers

    Security

    Brand

    Abuse

    Legal

    Trust

  • By Framer

    Merch

    Keyboard

    Stack Score

    Free domains

    AEO scanner

    State of Sites

    CanvasBench

    Link Preview

  • Marketplace

  • Templates

  • Components

  • Plugins

  • Vectors

  • Gallery

  • Experts

Business

Switch

Enterprise

Agencies

Startups

Pricing

Japanese

CCPA

Checking status

Framer

2026年

  • Product

  • AI

  • Agents

  • External Agents

  • Design

  • Collaborate

  • CMS

  • Hosting

  • Performance

  • SEO

  • Skills

    New

  • Convert

  • Publish

  • Updates

  • Solutions

  • Designers

  • Agencies

  • Marketers

  • Growth

  • Builders

  • Engineers

  • Site Teams

  • Founders

  • AI website builder

  • AI design agent

  • Website builder

  • Landing pages

  • Portfolio maker

  • UI/UX design

  • Figma to HTML

  • No-code

  • Marketplace

  • Templates

  • Components

  • Plugins

  • Vectors

  • Gallery

  • Experts

  • Tools

  • Figma to HTML

  • AEO scanner

  • Link previewer

  • Free domains

  • CanvasBench

  • Shortcuts

Business

Switch

Enterprise

Agencies

Startups

Pricing

  • Resources

  • Academy

  • Download App

  • Developers

  • Guides

  • Blog

  • Newsletter

  • Stories

  • Creators

  • Experts

  • Students

  • Ambassadors

  • Help Articles

  • Contact

  • Meetups

  • Compare

  • Webflow

    Figma

    Wix

    Squarespace

    WordPress

    Readymag

    Ceros

    Unbounce

    Lovable

    Claude Code

    ChatGPT

    Codex

    Contentful

    Sanity

    AEM

    Replit

    v0

  • Company

    Careers

    Security

    Brand

    Abuse

    Legal

    Trust

  • By Framer

    Merch

    Keyboard

    Stack Score

    Free domains

    AEO scanner

    State of Sites

    CanvasBench

    Link Preview

Japanese

CCPA

Checking status

Framer

2026年