Search
Build your website with agents and make it your own on a fully editable design canvas.
0:36
0:36
')"> ')"> ')"> ')"> ')">
The website builder for shipping standout sites
Canvas
Site
·
main
12
Invite
Publish
Pages
Layers
Assets
Search…
Pages
Home
/work
Work Pages
/services
/about
/contact
/news
/legal
/privacy
/terms
100%
Desktop
1200
Tablet
810
Agent
Style
New Hero Ticker
Add a 3D image ticker to the hero section and write a short introduction about Haus studio.
Thinking...
Thinking...
GPT 6.1 Sol
Describe what you need, and the design agent builds layouts, sections, and advanced components in seconds.
Everything stays editable. Adjust type, components, breakpoints, and effects until it feels like yours.
Hosting, CMS, analytics, SEO, and AEO are already there, so you can go live without a separate build process.
Exploration
Exploration — Big Intro
Exploration — Side Nav
Design with an agent
A professional design agent, native to the canvas. It works directly on your site to generate and refine in place, with every change visible, editable, and under your control.
Exploration
Exploration — Big Intro
Exploration — Side Nav
Design with an agent
A professional design agent, native to the canvas. It works directly on your site to generate and refine in place, with every change visible, editable, and under your control.
Exploration
Exploration — Big Intro
Exploration — Side Nav
Design with an agent
A professional design agent, native to the canvas. It works directly on your site to generate and refine in place, with every change visible, editable, and under your control.
CMS
Site
·
main
Invite
Publish
Collections
Fields
Plugins
Academy
Blog
Articles
320
Creators
256
Categories
18
Styles
7
Developers
Startups
Help
Add...
Title
Status
Image
Category
Product
Draft
Designing calmer interfaces inspired by nature
Live
Inspiration
Organic shapes and natural motion in modern UI
Live
Product
Earthy color palettes inspired by the natural world
Live
Inspiration
Designing with growth: how nature shapes UX patterns
Live
Guide
From forests to pixels: textures rooted in nature
Live
Design
Run your CMS with an agent
Manage more. Publish faster. The CMS agent sets up, organizes, and updates your entire CMS, connecting it directly to the canvas so content and design stay in sync.
CMS
Site
·
main
Invite
Publish
Collections
Fields
Plugins
Academy
Blog
Articles
320
Creators
256
Categories
18
Styles
7
Developers
Startups
Help
Add...
Title
Status
Image
Category
Product
Draft
Designing calmer interfaces inspired by nature
Live
Inspiration
Organic shapes and natural motion in modern UI
Live
Product
Earthy color palettes inspired by the natural world
Live
Inspiration
Designing with growth: how nature shapes UX patterns
Live
Guide
From forests to pixels: textures rooted in nature
Live
Design
Run your CMS with an agent
Manage more. Publish faster. The CMS agent sets up, organizes, and updates your entire CMS, connecting it directly to the canvas so content and design stay in sync.
CMS
Site
·
main
Invite
Publish
Collections
Fields
Plugins
Academy
Blog
Articles
320
Creators
256
Categories
18
Styles
7
Developers
Startups
Help
Add...
Title
Status
Image
Category
Product
Draft
Designing calmer interfaces inspired by nature
Live
Inspiration
Organic shapes and natural motion in modern UI
Live
Product
Earthy color palettes inspired by the natural world
Live
Inspiration
Designing with growth: how nature shapes UX patterns
Live
Guide
From forests to pixels: textures rooted in nature
Live
Design
Run your CMS with an agent
Manage more. Publish faster. The CMS agent sets up, organizes, and updates your entire CMS, connecting it directly to the canvas so content and design stay in sync.
ImageWheel
Code with an agent
Agents turn your wildest ideas into code and put them on your site. From simple custom effects to complex interactions.
ImageWheel
Code with an agent
Agents turn your wildest ideas into code and put them on your site. From simple custom effects to complex interactions.
ImageWheel
Code with an agent
Agents turn your wildest ideas into code and put them on your site. From simple custom effects to complex interactions.
Connect to any agent
Take action on your site from anywhere. Update copy from Slack. Trigger CMS changes from the terminal. Ship from a GitHub PR. Drive it all from your Terminal, Codex, Claude Code, Cursor, or any external agent.
Connect to any agent
Take action on your site from anywhere. Update copy from Slack. Trigger CMS changes from the terminal. Ship from a GitHub PR. Drive it all from your Terminal, Codex, Claude Code, Cursor, or any external agent.
Connect your AI with MCP
Connect Claude, Codex and Cursor or another MCP-compatible agent to Framer. Update copy, import CMS content, and work on your site from the tools you already use. Review changes on the canvas before you publish.
Desktop
Create a few layout
variations of my site. Keep the content but try some different compositions.
Thinking...
Thinking...
Created a design plan
2s
Placing layout variations side by side.
GPT 6.1 Sol
Desktop
1200
Connect your AI with MCP
Connect Claude, Codex and Cursor or another MCP-compatible agent to Framer. Update copy, import CMS content, and work on your site from the tools you already use. Review changes on the canvas before you publish.
framer-agent
Claude
Cursor
Codex
╭─── Claude Code ──────────────────────────────────╮
│ │
│ │
Claude Team · Framer
│ │
╰──────────────────────────────────────────────────╯
Connecting to Framer via MCP…
└ Framer project connected.
└ WordPress REST API detected.
Reading the Blog collection…
└ Collection fields checked.
└ Ready to map WordPress posts.
Fetching WordPress posts…
└ 47 posts returned · 47 mapped to Blog schema.
Preparing content for Framer CMS…
└ titles, slugs, authors, dates, and cover images resolved.
Import complete · 47 blog entries added to Framer CMS.
https://mcp.framer.com/mcp
Not just vibes, a full platform
Everything you need from a website builder, with CMS, hosting, analytics, SEO, and AEO built in.
Collections
Fields
Blog
Careers
Events
Categories
13
Speakers
18
Talks
89
Startups
Help
Add...
Title
Status
Image
Category
Generative design rooted in natural forms
Live
Design
Blog
Designing AI tools that feel organic
Live
AI
Blog
Living systems: data visualization from nature
Live
Data
Blog
Sustainable interfaces for a greener web
Live
Engineering
Learning from nature to design better products
Live
AI
Blog
Site Settings
Comet Browser: a Personal…
/comet/
Comet browser by Perplexity is the AI browser that acts as a personal assistant. Automate tasks, research the web, organize your email, and more with Comet.
Social Preview
1200 x 630 pixels
Upload
Locales
NL
Dutch
35%
IT
Italian
100%
CN
Chinese
90%
Aug 1
Aug 28
330k
Aug 5
Pageviews
95,621
Visitors
70,295
View Home
9.6K
Start for free
3.1%
294
Variant
Views
Events
Conversion
Lift
Best
Control
9,619
294
3.1%
—
62.4%
Variant
9,409
255
2.7%
-11.3%
37.6%
Shipped with Framer
Trusted by teams shipping big sites
Built on a community that isn’t going anywhere
Community
Experts
Gallery
Feed
Search Posts…
Trending Templates
See all
Suggested for you
Create personal portfolio
Build startup site
Launch landing page
Start company blog
