Hey there! Edoardo here.

Product lead & designer of the CMS team at Framer.

I enjoy the process of crafting product updates with

the team, from ideation all the way to their releases

with video updates and promotion. All UIs below are

made in Framer, while 3D is composited in Blender.

CMS

New Item

Select

Edit Fields

Invite

Publish

Collections

Articles

5

Categories

4

Authors

6

Add...

Watch Tutorial

Search…

Title

Slug

Date

Image

Category

CMS Galleries

getting-started

20/11/24

CMS, Basics

Reference Fields

whats-new

18/11/24

Updates

Styling Elements

styling-elements

16/11/24

Pro Tips

Importing Content

importing-content

14/11/24

CMS, Basics

Best Practices

best-practices

12/11/24

Pro Tips

Saved

Publish

Title

CMS Galleries

Slug

cms-galleries

yoursite.com/blog/cms-galleries

Gallery

Content

Paragraph

We’re excited to introduce the Gallery Field in the Framer CMS. With this update, you can now include multiple images in a single field, removing the need to add a separate field for each photo and resulting in a significantly tidier CMS detail view. After adding a Gallery from the Fields modal, you can use the popout to pick images, or you can drop them directly in the field itself. Alternatively, you can import images via Plugins like Unsplash, Lummi, Visual Electric and more. Once added, Galleries can be easily inserted into your detail pages from the Insert Panel, in the Fields category. After dropping them on the Canvas, they’ll auto-apply a customizable grid layout, and you can also turn them into components. While we’ll be working to make them compatible with Slideshow, Carousel and Ticker in a future update, Galleries are a significant improvement for managing images in the CMS, and we can’t wait to have you try them already.

Blog

Green Fern
Getting Started
Yellow Flower
What’s New
Orange Flower
Styling Elements
Purple Flower
Importing Content
Lilac Flower
Best Practices

Blog

Green Fern
Getting Started
Yellow Flower
What’s New
Orange Flower
Styling Elements
Purple Flower
Importing Content
Lilac Flower
Best Practices

Content

Source

Articles

Sorting

Date

Filters

Tags

Pagination

5 Items

Layout

Type

Stack

Grid

Columns

2

Gap

5

X

5

Y

Padding

0

Content

Source

Articles

Sorting

Date

Filters

Tags

Pagination

5 Items

Layout

Type

Stack

Grid

Columns

2

Gap

5

X

5

Y

Padding

0

Page Edit

Edit pages in one click

Continue

Learn More

Hide Button

Page Edit

Do you prefer to edit your sites in the Framer App or in the web browser?

Framer App

Web Browser

Preference Saved

From now on, the Edit Page button will open the app.

Dismiss

  • Vimeo
  • YouTube
  • Video

  • Image

  • Instagram
  • Facebook
  • X

  • Code Block

  • Table

  • Embed

  • Tagembed
  • Calendly
  • Hubspot

  • Google Maps
  • Lottie
  • Dot Lottie

  • Trustpilot
  • Option?

    A
    B
    Typeform
  • Waitlist

  • FormSpark

  • Loops

  • Kit

  • Spotify
  • SoundCloud
  • Apple Music
  • Podcasts
  • MP3

CMS

New Item

Select

Edit Fields

Invite

Publish

Collections

Articles

5

Categories

4

Authors

6

Add...

Watch Tutorial

Search…

Title

Slug

Date

Image

Category

CMS Galleries

whats-new

18/11/24

Updates

Reference Fields

getting-started

20/11/24

CMS, Basics

Styling Elements

styling-elements

16/11/24

Pro Tips

Importing Content

importing-content

14/11/24

CMS, Basics

Best Practices

best-practices

12/11/24

Pro Tips

Saved

Publish

Title

Reference Fields

Categories

Updates

Community

Requests

Author

Edoardo Mercati

Content

Paragraph

We’re thrilled to release Collection References in the CMS—a game-changing feature you’ve been asking for. Now, you can seamlessly connect items from one CMS collection to another, unlocking dynamic, reusable content across your entire site. No more tedious re-entering of related data. With reference fields, you can pull in details like an author’s name, bio, or avatar from a single source, ensuring consistency and saving you time. Plus, with multi-reference fields, you can link multiple items like tags and categories to any entry, offering you ultimate flexibility in structuring your content. And the best part? All of your updates are automatically reflected across all related entries. To help you dive right in, we’ve added a brand-new blog sample, giving you the perfect playground to explore, experiment, and master References.

Table Border

Outer

Show

Hide

Inner

Color

#0099FF

Width

1

Style

Solid

New

In Progress

To Review

Done

Excluded

Locales

Italian · 100%

Dutch · 85%

Spanish · 62%

German · 47%

Add...

English

Blog

Getting Started

In Progress

What’s New

In Progress

Styling Elements

In Progress

Done

Importing Content

Localization

Translate

Filter

Options

Plugins

Invite

Publish

Glossary

Search

Content

Framer

Localization

Vector

Wireframer

Workshop

Term

Localization

Description

Framer Feature

Case Sensitive

Yes

No

Translatable

Yes

No

Translations

Italian

Localizzazione

Dutch

Lokalisatie

Spanish

Localización

German

Lokalisierung

Glossary

Search

Content

Framer

Localization

Vector

Wireframer

Workshop

Term

Localization

Description

Framer Feature

Case Sensitive

Yes

No

Translatable

Yes

No

Translations

Italian

Localizzazione

Dutch

Lokalisatie

Spanish

Localización

German

Lokalisierung

Thanks for dropping by