Search
AI website builder for designers and teams
Canvas
Site
·
main
12
Invite
Publish
Pages
Layers
Assets
Search…
Pages
Home
/research
Research Pages
/commitments
/learn
/support
/news
/legal
/privacy
/terms
/try-bloom
News Pages
100%
Desktop
1200
Agent
Style
Vertical Hero Layout
Change the hero to a vertical stack layout, then replace the hero image with the image attached.
GPT 5.5
Create with AI. Stay in control from canvas to publish.
Desktop
1200
How Framer’s AI website builder works
Describe the website, page, or update you need. Framer’s AI agent creates editable pages, sections, copy, and visuals directly in your project. Keep refining in the conversation, or take over on the canvas at any point.
Desktop
1200
How Framer’s AI website builder works
Describe the website, page, or update you need. Framer’s AI agent creates editable pages, sections, copy, and visuals directly in your project. Keep refining in the conversation, or take over on the canvas at any point.
Desktop
1200
How Framer’s AI website builder works
Describe the website, page, or update you need. Framer’s AI agent creates editable pages, sections, copy, and visuals directly in your project. Keep refining in the conversation, or take over on the canvas at any point.
Featured models
Petal 3.1
Builds and ships
Ember 4.7
Fast and efficient
Horizon 2.1
For complex work
Design responsive websites with AI and full control
Start from a prompt and use the Framer canvas to refine layouts, typography, components, breakpoints, spacing, color, and effects. AI helps you move faster while you make the final design decisions.
Featured models
Petal 3.1
Builds and ships
Ember 4.7
Fast and efficient
Horizon 2.1
For complex work
Design responsive websites with AI and full control
Start from a prompt and use the Framer canvas to refine layouts, typography, components, breakpoints, spacing, color, and effects. AI helps you move faster while you make the final design decisions.
CMS
Site
·
main
Invite
Publish
Collections
Fields
Plugins
Careers
Documentation
Articles
0
0
Learn
Models
News
Research
Add...
Title
Image
Category
Introduction
Quickstart guide
Guide
In this
Choosing a model
Tutorial
Motion
Data and privacy
Systems
In this
Cost optimization
Tips
We
Connect your data
Tutorial
Testing
Tokens explained
Guide
In this
Manage website content with AI agents
Create collections, populate CMS content, and keep your site organized. Framer’s AI agent works directly with your CMS and canvas, so content, design, and publishing workflows stay connected.
CMS
Site
·
main
Invite
Publish
Collections
Fields
Plugins
Careers
Documentation
Articles
0
0
Learn
Models
News
Research
Add...
Title
Image
Category
Introduction
Quickstart guide
Guide
In this
Choosing a model
Tutorial
Motion
Data and privacy
Systems
In this
Cost optimization
Tips
We
Connect your data
Tutorial
Testing
Tokens explained
Guide
In this
Manage website content with AI agents
Create collections, populate CMS content, and keep your site organized. Framer’s AI agent works directly with your CMS and canvas, so content, design, and publishing workflows stay connected.
ImageSlider
Build custom code with an AI agent
Describe the interaction or live feature you need, and the AI agent can build a code component for your site. Review the result, refine it in Framer, and keep it connected to your design system.
ImageSlider
Build custom code with an AI agent
Describe the interaction or live feature you need, and the AI agent can build a code component for your site. Review the result, refine it in Framer, and keep it connected to your design system.
Desktop
1200
News
/
Announcement
Introducing Bloom Horizon 2.1
Bloom Horizon 2.1 is here. Our latest forcasting model helps teams antitcipate risks across public health, education, and support, so decisions come earlier and with more confidance.
Olivia Lindqvist
•
Research Lead
Bloom®
Research
Commitments
Learn
News
Try Bloom ↗
Review and improve your website with AI
Ask the AI agent to review your site before publishing. It can identify contrast issues, typos, missing alt text, SEO gaps, and inconsistent styles, then help you fix them in the same project.
Desktop
1200
News
/
Announcement
Introducing Bloom Horizon 2.1
Bloom Horizon 2.1 is here. Our latest forcasting model helps teams antitcipate risks across public health, education, and support, so decisions come earlier and with more confidance.
Olivia Lindqvist
•
Research Lead
Bloom®
Research
Commitments
Learn
News
Try Bloom ↗
Review and improve your website with AI
Ask the AI agent to review your site before publishing. It can identify contrast issues, typos, missing alt text, SEO gaps, and inconsistent styles, then help you fix them in the same project.
Desktop
1200
Bloom®
Research
Commitments
Learn
News
Try Bloom ↗
Simple pricing based on your needs
Monthly
Yearly
Starter
$29/month
For solo builders getting started
Professional
$49/month
For growing teams that ship fast
Enterprise
$119/month
For organizations running analysis at scale
Use AI analytics to improve your website
Ask the AI agent to analyze traffic and turn it into practical next steps. Review top pages, drop-offs, search intent, and conversion gaps, then refine the site directly in Framer.
Desktop
1200
Bloom®
Research
Commitments
Learn
News
Try Bloom ↗
Simple pricing based on your needs
Monthly
Yearly
Starter
$29/month
For solo builders getting started
Professional
$49/month
For growing teams that ship fast
Enterprise
$119/month
For organizations running analysis at scale
Use AI analytics to improve your website
Ask the AI agent to analyze traffic and turn it into practical next steps. Review top pages, drop-offs, search intent, and conversion gaps, then refine the site directly in Framer.
Desktop
1200
Bloom®
Research
Commitments
Learn
News
Try Bloom ↗
Simple pricing based on your needs
Monthly
Yearly
Starter
$29/month
For solo builders getting started
Professional
$49/month
For growing teams that ship fast
Enterprise
$119/month
For organizations running analysis at scale
Use AI analytics to improve your website
Ask the AI agent to analyze traffic and turn it into practical next steps. Review top pages, drop-offs, search intent, and conversion gaps, then refine the site directly in Framer.
GPT 5.5
Generate a homepage
for Bloom, an AI research organization for human wellbeing. Make it minimalistic and dark, with releases, research themes, public trust, and CTAs.
Thinking...
Thinking...
Created a design plan
2s
Dark minimal opening with Bloom identity, research statement, CTAs, and trust signals.
Releases section with publication style cards.
Research themes and public trust sections.
Closing CTA and homepage metadata.
Created the Bloom homepage on Home.
Would you like me to add tablet and phone breakpoints next?
Connect Claude Code and Codex to Framer
Pull in live data
Run scripts and workers that refresh site content from live APIs.
What our users say
Name Sample
@NameSample
Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you're a small team wearing a lot of hats.
Name Sample
@NameSample
Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you're a small team wearing a lot of hats.
Name Sample
@NameSample
Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you're a small team wearing a lot of hats.
Name Sample
@NameSample
Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you're a small team wearing a lot of hats.
Initializing Agent environment...
└ Node.js detected · twitter-api-v2 loaded.
Skill(check-auth-status)
└ Authenticated with X API.
Bash(GET /2/tweets/search/recent --query "@keyframe -is:retweet" --max 100)
└ 187 returned · 27 passed like_count ≥ 100.
Bash(GET /2/users/:id × 6)
└ name, handle, avatar resolved.
27 posts live · refreshes every 5 min.
Pull in live data
Run scripts and workers that refresh site content from live APIs.
Migrate and import
Import from sources like Notion, WordPress, or other APIs into your CMS.
Import local files
Pull local files from your machine to fill in CMS content.
What our users say
Name Sample
@NameSample
Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you're a small team wearing a lot of hats.
Name Sample
@NameSample
Our team went from spending half our Monday on manual updates to having everything ready before we even sit down. That kind of time back is priceless when you're a small team wearing a lot of hats.
Initializing Agent environment...
└ Node.js detected.
└ twitter-api-v2 loaded.
Skill(check-auth-status)
└ Authenticated with X API.
└ Authenticated with Framer API.
Bash(GET /2/tweets/search/recent --query "@keyframe -is:retweet" --max 100)
└ 187 returned · 27 passed like_count ≥ 100.
Bash(GET /2/users/:id × 6)
└ name, handle, avatar resolved.
27 posts live · refreshes every 5 min.
Pull in live data
Run scripts and workers that refresh site content from live APIs.
Migrate and import
Import from sources like Notion, WordPress, or other APIs into your CMS.
Import local files
Pull local files from your machine to fill in CMS content.
Explore more ways to boost your productivity with AI agents in Framer
All the control you need, right where you work
Skills
/cms
Write content
/component
With variants
/code
Custom component
GPT 5.5
Skills. Type / to run AI actions for layouts, CMS, and more.
Agents
Agents
Sonnet 4.6
Agents
GPT 5.5
Contexts. Select layers on the canvas and add them as context to your chat.
Chats. Start a new one for each task to keep the agent focused.
Models. Choose between Sonnet, Opus, and GPT depending on the task.
Skills
/cms
Write content
/component
With variants
/code
Custom component
GPT 5.5
Mentions. Type @ to reference pages, CMS collections, styles, or assets.
DESIGN.md
Update the padding,
buttons, and icons on my site to match this file.
GPT 5.5
blog.csv
DESIGN.md
shader.mp4
data.json
component.tsx
screenshot.png
blog.csv
DESIGN.md
shader.mp4
data.json
component.tsx
screenshot.png
blog.csv
References. Upload images, files, or URLs to guide AI toward the exact result you want.
Branches. Iterate safely by moving AI agent edits to a branch.
Create, manage, and publish your website in Framer
Frequently asked questions
What is an AI website builder?
An AI website builder uses AI to help create website structure, copy, visuals, and design direction from a prompt or an existing project. In Framer, AI works with editable website layers, so you can refine the result on the canvas, adjust responsive layouts, manage content, and publish a finished site.
An AI website builder uses AI to help create website structure, copy, visuals, and design direction from a prompt or an existing project. In Framer, AI works with editable website layers, so you can refine the result on the canvas, adjust responsive layouts, manage content, and publish a finished site.
Can I edit a website created with AI in Framer?
Yes. Framer creates editable website layers rather than a fixed generated image or locked template. You can update layout, typography, components, styles, breakpoints, effects, copy, images, and CMS content directly in Framer while AI helps with the work.
Yes. Framer creates editable website layers rather than a fixed generated image or locked template. You can update layout, typography, components, styles, breakpoints, effects, copy, images, and CMS content directly in Framer while AI helps with the work.
Can I publish and manage an AI-built website with Framer?
Yes. Framer combines AI-assisted creation with CMS content management, branching and review workflows, hosting, SEO settings, redirects, analytics, and publishing. Teams can create or update a site with AI, review the work, and publish approved changes from the same platform.
Yes. Framer combines AI-assisted creation with CMS content management, branching and review workflows, hosting, SEO settings, redirects, analytics, and publishing. Teams can create or update a site with AI, review the work, and publish approved changes from the same platform.
Your next site starts here
Create personal portfolio
Build startup site
Launch landing page
Start company blog
