Framer × Practical AI

Practical AI listeners get 30% off an annual Pro plan. Framer is the no-code website builder for designing, shipping, and scaling company websites, without engineering. Teams at companies like Perplexity and Miro use it to move faster.

Practical AI

Desktop

·

1200

Breakpoint

Website made in Framer

Tablet

Breakpoint

Website made in Framer
Properties

Practical AI

Create, collaborate, and go live

Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Framer UI
A smiling person with short hair, wearing a dark shirt, against a backdrop of blue sky and clouds.
Framer UI

Wireframer

UI

I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page.

Landing Page 1

Example of a page generated by Wireframer

Landing Page 2

Example of a page generated by Wireframer

Landing Page 3


Example of a page generated by Wireframer

100%

Framer UI
Framer UI

Benjamin

Paul

Framer UI

100%

Framer canvas
Framer UI
Framer UI
Framer UI

Title

Image

Date

Category

Slug

Search 153 items…

Empty States in CMS Lists

Jan 29, 2026

CMS

empty-states-in-cms-lists

Plugins 3.10: CMS

Jan 28, 2026

Plugins

plugins-3.10-cms

January Update: Font Previews

Squircle

Jan 22, 2026

Design

january-update-2026

Advanced Hosting

Jan 21, 2026

Publishing

advanced-hosting

Free Custom Domains

Jan 8, 2026

Publishing

free-custom-domains

On-Page Editing 2.0

Jan 8, 2026

CMS

on-page-editing-2.0

Plugins 3.9: Collections

Dec 18, 2025

Plugins

plugins-3-9

Custom Code

Custom Code

Dec 15, 2025

Publishing

custom-code

Flow Effect

Flow Effect

Dec 11, 2025

Effects

flow-effect

Localized Page Paths

Dec 11, 2025

Localization

localized-page-paths

Framer UI

Title

Empty States in CMS Lists

Image

empty-states-in-cms-lists.jpg

Categories

CMS

Slug

empty-states-in-cms-lists

framer.com/updates/empty-states-in-cms-lists

Content

Paragraph

Starting today, you can add and customize empty states for CMS collection lists directly in the Canvas. When a collection is empty, or when filters return no results, you can now show a dedicated empty state instead of a blank space in the preview and on published sites. To add one, select a collection list, switch the new State property to Empty, and add an empty state layer in one click. Framer automatically manages visibility using a new Visible Items variable, while you stay in full control of layout, styling, and content. So you can add text, icons, buttons, and links to guide visitors and make empty pages feel intentional and useful. This is the first step toward more dynamic CMS collections, with plenty more coming. Here’s a list of other additions:

Added
  • Added ability to set an empty state for a CMS list

  • Added a draft badge in the detail page selector

  • Added Alt text support when importing images

  • Added a warning when removing a field in use

  • Added collection item variables to Search

  • Added support for editing links on-page

Improved
  • Improved re-generating previous AI translations

  • Improved distinction of draft items in the CMS

  • Improved UX when adding a new CMS field

  • Improved localization empty states clarity

  • Improved the locale selector behaviour

Fixed
  • Fixed the missing draft status when duplicating collections

  • Fixed scroll restoration conflicts with infinite scrolling

  • Fixed some scrolling issues with the filters popover

  • Fixed RTL text direction flipping unpredictably

  • Fixed file uploads failing for specific formats

  • Fixed long text overlapping status labels


baseform.framer.website

Baseform®

Art Direction

Visual Design

Work,

Archive,

Profile,

Journal

Let's Talk

Latest News

View All Posts

Photo
Photo
Photo
Photo
Framer UI

Click to edit

·

Changes are auto-saved

Site saved

·

Collaborators are notified. Changes will be visible once the project is published.

Open in Framer

Finish Editing

AI

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

AI

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

AI

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Design

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Design

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Design

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

CMS

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

CMS

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

CMS

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Collaborate

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Collaborate

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Collaborate

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Talk to sales

Let’s help your team build better.

Get demo

Discover how Framer empowers your team.

Enterprise trial

Try Framer to simplify your workflow.

Custom solutions

Get advice tailored to your team’s goals.