Framer 3.0 – AI Website Builder
Framer 3.0 introduces AI agents native to the canvas for design, CMS management, and coding, with seamless integration to external tools like Slack and GitHub.
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...
Analyzed hero section 3s
I’ll replace the selected text area with a Haus intro and add an image ticker using your attached images.
Adding Images…
Done. I replaced the selected text block with Haus focused copy and added a horizontal image ticker using the provided images.
Do you want to add tablet and phone breakpoints to make it responsive?
Changes
Undo
Home
17 Layers
GPT 5.5
Meet our customers
Meet our customers
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.
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.
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 5.5
Desktop
1200
Connect to any AI
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 AI.
framer-agent
claude
cursor
codex
╭─── Claude Code v2.1.170 ─────────────────────────╮
│ │
│ │
Sonnet 4.6 · Claude Team · Framer
│ │
╰──────────────────────────────────────────────────╯
Initializing WordPress importer…└ WP REST API detected.└ Framer CMS connected.
Skill(check-wordpress-auth)└ WordPress credentials verified.
└ Connected to Framer CMS collection.
Bash(GET /wp-json/wp/v2/posts?per_page)└ 47 posts returned · 47 mapped to Blog schema.
Bash(GET /wp-json/wp/v2/media × 47)
└ titles, slugs, authors, dates, and cover images resolved.
Import complete · 47 blog entries published to Framer CMS.
Copy install prompt
Install
Core Web Vitals
GOOD
LCP
1.1s
INP
95ms
CLS
0.01
Performance
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
Blog
Learning from nature to design better products
Live
AI
Blog
CMS
Site Settings
Title " verticalalignment="top" innerref="[object Object]" parentsize="0" _constraints="[object Object]" rotation="0" shadows class="framer-1yyzky7" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;line-height:1px;font-size:0px;--framer-text-alignment:left;transform:none">Title
Comet Browser: a Personal…
URL " verticalalignment="top" innerref="[object Object]" parentsize="0" _constraints="[object Object]" rotation="0" shadows class="framer-xwa3ty" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;line-height:1px;font-size:0px;--framer-text-alignment:left;transform:none">URL
/comet/
Page Description " verticalalignment="top" innerref="[object Object]" parentsize="0" _constraints="[object Object]" rotation="0" shadows class="framer-yr6zh" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;line-height:1px;font-size:0px;--framer-text-alignment:left;transform:none">Page Description
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
SEO
Branches
Main
1m
use-cases
1m
publishing
8m
content
10m
Collaboration
Locales
NL
Dutch
35%
IT
Italian
100%
CN
Chinese
90%
Localization
99.99%
uptime
Hosting
https://www.framer.com/
Security
Analytics
Live Visitors
400
Unique Visitors
1.7M
Total Pageviews
2.2M
Bounce Rate
40.9%
330k
Jun 23, 2026
Pageviews
135,535
Visitors
54,817
Analytics
View Home
400
Variant
Views
Events
Conversion
Lift
Best
Home Page 2026
WINNER
4,916
837
17.1%
14.1%
91%
Home Page
4,799
719
15%
—
9%
A/B Testing
Jurre
Search…
Explore
Feed
Hype
Activity
Community
Marketplace
Gallery
Members
Contests
For You
Following
Post
Lee Black
Pro
in Marketplace · 3s
The only @Framer Liquid Glass component that is cross browser and mobile friendly. Sound on 🤖
30
5
Gustave Flowbert
Pro
in Marketplace · 12m
Billiie · Template
23
6
Ben Fryc
1d
in my fisheye era
85
12
Adriano Reis
Pro
2d
I'm beyond excited to have collaborated with @Smith_Diction to bring the @CowboySpaceCorp website to life 🔥Designed by S&D, developed by me in @Framer yeehaww 🤠 🚀
22
7
Renny Mathew
Pro
in Marketplace · 1w
Carousel 3D · Component
16
6
Marketplace
Claude + Framer
Tutorial · 1.3K likes
Recraft
Plugin · 32 likes
Kinetic Type
Plugin · 862 likes
Digital Rotary Radio
Component · 76 likes
Fuel X
Template · 1.3K likes
Members
Asia Gawron
@asia_gawron
Follow
27b
@27b.ureau
Follow
Benjamin
@benjaminnathan
Following
Ryan Hayward
@theryanhayward
Follow
Victoria
@victoria_framer
Follow
Read story
Read story
Read story
Read story
Read story
Read story