Smart CMS, better SEO, global reach

Not everything powerful has to look complicated.

Not everything powerful has to look complicated.

Title

Image

Date

Category

Slug

Search 153 items…

CMS Index Variable

Apr 17, 2025

CMS

cms-index-variable

Font Drop 6

Font Drop 6

Apr 13, 2025

Canvas

font-drop-6

Code Preview

Code Preview

Apr 10, 2025

Canvas

code-preview

One-click Page Edit

Apr 10, 2025

CMS

one-click-page-edit

March Update: P3

Display P3 Colors

Apr 1, 2025

Canvas

march-update-2025

Font Drop 5

Font Drop 5

Mar 31, 2025

Canvas

font-drop-5

Font Drop 4

Font Drop 4

Mar 24, 2025

Canvas

font-drop-4

Selection Colors

Selection Colors

Mar 20, 2025

Canvas

selection-colors

Mobile-Friendly CMS

Mar 18, 2025

CMS

mobile-friendly-cms

Code Boundaries

Code Boundaries

Mar 17, 2025

Publishing

code-boundaries

Font Drop 3

Font Drop 3

Mar 15, 2025

Canvas

font-drop-3

Title

CMS Index Variable

Image

cms-index-variable.jpg

Categories

CMS

Slug

cms-index-variable

framer.com/updates/cms-index-variable

Content

Paragraph

We’re excited to introduce a new Index variable for CMS lists, unlocking layout options that weren’t possible before. You can now make the first card span two rows or two columns in a grid for a more dynamic look. This addition also enables conditional Component Variants based on item position, letting you alternate between left and right-aligned cards, or switch between filled and non-filled backgrounds. Lastly, this update gives you precise control over layout details, like showing dividers only between items. Check out the example site showed in the video, and remix it to take a look at its setup. This release also includes fixes, improvements, and other additions.

Added
  • Added an Index variable to CMS items in stacks and grids

  • Added the ability to quickly access the CMS by hitting ⌥C

  • Added ability to click the field title in the item view to edit

  • Added an extra menu in the item view to add new items

  • Added a menu option to sort collections alphabetically

  • Added Is Odd and Is Even transforms for numbers

  • Added the ability to pan with the CMS overlay open

  • Added image min/max limits to the Gallery variable

  • Added Is Set variable condition to the Date field

  • Added option to set Date as a non required field

Improved
  • Improved the look of dividers between CMS items

  • Improved handling of CSV email paste in the CMS

  • Improved the search UX in CMS and localization

  • Improved table cell selection via context menu

  • Improved table content wrapping in rich text

  • Improved table controls for mobile devices

  • Improved bullet point styling for CMS lists

Fixed
  • Fixed a rich text bug when using ⌘↓ and ⌘↑

  • Fixed a visual bug with the draft header border

  • Fixed Esc key closing the entire CMS overlay

  • Fixed Esc in rich text replacing cell context

  • Fixed the pagination property in breakpoints

  • Fixed image picker placeholder not clearing

  • Fixed gallery image upload crash via picker

  • Fixed icons for YouTube and Vimeo blocks

  • Fixed a table selection issue in Safari

3D Squiggle
3D Squiggle
3D Squiggle

Full SEO control

Schema markup, sitemaps, redirects, semantic tags, alt tags, indexing rules, and more—it’s all there. Plus, automated SEO that turns CMS data into meta titles and descriptions.

  • Preview

    perplexity.ai/hub

    Introducing the Sonar Pro API | Perplexity

    Today is Giving Tuesday, and we're making it easier than ever to research and donate to U.S. nonprofits thanks to a new collaboration with Charity Navigator

    End of <head> tag

    1

    <!-- Schema Markup -->

    2

    <script type="application/ld+json">

    3

    {

    4

    "@context": "https://schema.org",

    5

    "@type": "Organization",

    6

    "name": "Framer",

    7

    "url": "https://framer.com",

    8

    "image": "https://framerusercontent.com/images/b2hliN8q6RI1alDDMojdsEiXDU.png",

    9

    "description": "The web builder for stunning sites. Design and publish modern sites at any scale.",

    Redirects

    Old URL

    New URL

    /templates

    /marketplace

    /about

    www.framer.com

    /articles/(.*)

    /article/:1

    /product

    /what-is-framer

    /404

    /page-not-found

    /company

    www.framer.com/jobs

squiggle
Website made in Framer
Styles properties

The CMS designers love, built for marketers.

Give your team or clients control to manage content at scale with the powerful CMS—seamlessly connected to your canvas.

Localize for global reach.

Translate your entire site, swap images, and adjust designs for any locale—no language expert needed, our built-in AI has you covered.

Localization
3D lock render

World-class security for unmatched protection

Automatic SSL encryption, DDoS protection, and every security certification you can think of—whether your site is big or small, you can sleep easy.

All the features you need to go from landing page to big .com

Auto Image Optimization

Auto Image Optimization

Auto Image Optimization

Semantic Tags

Semantic Tags

Semantic Tags

Site & Page Metadata

Site & Page Metadata

Site & Page Metadata

Schema Markup

Schema Markup

Schema Markup

Automatic Sitemap

Automatic Sitemap

Automatic Sitemap

Indexing Rules

Indexing Rules

Indexing Rules

Automated SEO

Automated SEO

Automated SEO

Easy Redirects

Easy Redirects

Easy Redirects

Canonical URL

Canonical URL

Canonical URL

Accessibility Controls

Accessibility Controls

Accessibility Controls

Lazy Load Images

Lazy Load Images

Lazy Load Images

Built-in Analytics

Built-in Analytics

Built-in Analytics

Cookie Banner

Cookie Banner

Cookie Banner

Up to 100K CMS items

Up to 100K CMS items

Up to 100K CMS items

Unlimited References

Unlimited References

Unlimited References

CMS Sync Plugins

CMS Sync Plugins

CMS Sync Plugins

Automatic Pagination

Automatic Pagination

Automatic Pagination

Conditional Visibility

Conditional Visibility

Conditional Visibility

Deep Filtering

Deep Filtering

Deep Filtering

AI Translations

AI Translations

AI Translations

Localized Images

Localized Images

Localized Images

Localized Components

Localized Components

Localized Components

Automatic Locales

Automatic Locales

Automatic Locales

Collaborator Permissions

Collaborator Permissions

Collaborator Permissions

Security Certifications

Security Certifications

Security Certifications

Framer logo
Framer logo

Step into the future of design

Join thousands of designers and teams using Framer to turn ideas into high-performing websites, fast.