Design with agents.Refine on the canvas. Ship with your team.

www.framer.com · 2026-06-17 · by Long Nguyen ·generic
Build a free website with Framer—enjoy full design freedom, AI agents, powerful CMS, built-in SEO, and real-time collaboration. Create professional, custom sites with the no-code builder loved by designers and high-performing teams.

Design with agents.Refine on the canvas. Ship with your team.

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.

Website canvas preview inside the Framer app interface

Design preview inside the Framer app interface

Website screenshot preview inside the Framer app interface

GPT 5.5

Get more done with agents

Get more done with agents

  • Maggie Site
  • Midlife Engineering
  • i-D Elle Fanning Site
  • Website showcase preview made in Framer
  • i-D Elle Fanning Site
  • Maggie Site
  • Website showcase preview made in Framer
  • Maggie Site
  • Website showcase preview made in Framer
  • Mobile website showcase preview made in Framer
  • Website showcase preview made in Framer
  • Maggie Site
  • Midlife Engineering
  • i-D Elle Fanning Site
  • Website showcase preview made in Framer
  • i-D Elle Fanning Site
  • Maggie Site
  • Website showcase preview made in Framer
  • Maggie Site
  • Website showcase preview made in Framer
  • Mobile website showcase preview made in Framer
  • Website showcase preview made in Framer
  • Maggie Site
  • Midlife Engineering
  • i-D Elle Fanning Site
  • Website showcase preview made in Framer
  • i-D Elle Fanning Site
  • Maggie Site
  • Website showcase preview made in Framer
  • Maggie Site
  • Website showcase preview made in Framer
  • Mobile website showcase preview made in Framer
  • Website showcase preview made in Framer
  • Meet our customers

    Meet our customers

    Exploration

    Desktop website preview for the Haus design example

    Exploration — Big Intro

    Website preview in the explorations section

    Exploration — Side Nav

    Website sidebar preview in the explorations section

    Design with agents

    Design with agents

    ###### 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

    Desktop website preview for the Haus design example

    Exploration — Big Intro

    Website preview in the explorations section

    Exploration — Side Nav

    Website sidebar preview in the explorations section

    Design with agents

    ###### 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

    CMS table view interface preview

    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

    CMS image example

    Inspiration

    Organic shapes and natural motion in modern UI

    Live

    CMS image example

    Product

    Earthy color palettes inspired by the natural world

    Live

    CMS image example

    Inspiration

    Designing with growth: how nature shapes UX patterns

    Live

    CMS image example

    Guide

    From forests to pixels: textures rooted in nature

    Live

    CMS image example

    Design

    CMS with agents

    CMS with agents

    ###### 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

    CMS table view interface preview

    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

    CMS image example

    Inspiration

    Organic shapes and natural motion in modern UI

    Live

    CMS image example

    Product

    Earthy color palettes inspired by the natural world

    Live

    CMS image example

    Inspiration

    Designing with growth: how nature shapes UX patterns

    Live

    CMS image example

    Guide

    From forests to pixels: textures rooted in nature

    Live

    CMS image example

    Design

    CMS with agents

    ###### 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 Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code with agents

    Code with agents

    ###### 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 Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code Component Image

    Code with agents

    ###### 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 external agents

    Connect external agents

    ###### 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 external agents

    ###### 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

    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

    CMS Item image

    Design

    Blog

    Designing AI tools that feel organic

    Live

    CMS Item image

    AI

    Blog

    Living systems: data visualization from nature

    Live

    CMS Item image

    Data

    Blog

    Sustainable interfaces for a greener web

    Live

    CMS Item image

    Engineering

    Blog

    Learning from nature to design better products

    Live

    CMS Item image

    AI

    Blog

    CMS

    Site Settings

    Title

    Comet Browser: a Personal…

    URL

    /comet/

    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

    Social preview example

    SEO

    Branches

    Main

    1m

    Framer user avatar

    use-cases

    1m

    Framer user avatar

    publishing

    8m

    Framer user avatar

    content

    10m

    Collaboration

    Locales

    NL

    Dutch

    35%

    IT

    Italian

    100%

    CN

    Chinese

    90%

    Localization

    Hosting Background

    #### 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 16, 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

    App window controls in the community interface preview

    Framer community interface preview

    Jurre

    Search…

    Explore

    Feed

    Hype

    Activity

    Community

    Marketplace

    Gallery

    Members

    Contests

    For You

    Following

    Post

  • Community member avatar
  • Lee Black Pro in Marketplace · 3s The only @Framer Liquid Glass component that is cross browser and mobile friendly. Sound on 🤖 30 5 Community member avatar Gustave Flowbert Pro in Marketplace · 12m Community carousel image preview Billiie · Template Copy 23 6 Community member avatar Ben Fryc 1d in my fisheye era 85 12 Community member avatar 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 Community member avatar Renny Mathew Pro in Marketplace · 1w Carousel 3D · Component Copy 16 6

    Marketplace

    Community post cover image

    Claude + Framer

    Tutorial · 1.3K likes

    Community post cover image

    Recraft

    Plugin · 32 likes

    Community post cover image

    Kinetic Type

    Plugin · 862 likes

    Community post cover image

    Digital Rotary Radio

    Component · 76 likes

    Community post cover image

    Fuel X

    Template · 1.3K likes

    Members

    Community member avatar

    Asia Gawron

    @asia\_gawron

    Follow

    Community member avatar

    27b

    @27b.ureau

    Follow

    Community member avatar

    Benjamin

    @benjaminnathan

    Following

    Community member avatar

    Ryan Hayward

    @theryanhayward

    Follow

    Community member avatar

    Victoria

    @victoria\_framer

    Follow

    New Framer community

    New Framer community

  • Miro logoRead storyMiro customer story preview image
  • Flora logoRead storyFlora customer story preview image
  • Mixpanel logoRead storyMixpanel customer story preview image
  • Perplexity logoRead storyPerplexity customer story preview image
  • Read story
  • StackAI logoRead storyStackAI customer story preview image
www.framer.com · 101 images · 5 videos · 117 links

Comments (0)

No comments yet