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

Categories

Pagination

5 Items

Layout

Type

Stack

Grid

Columns

2

Gap

5

X

5

Y

Padding

0

Content

Source

Articles

Sorting

Date

Filters

Categories

Pagination

5 Items

Layout

Type

Stack

Grid

Columns

2

Gap

5

X

5

Y

Padding

0

Page Edit

Edit pages in one click

Continue

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

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

Thanks for dropping by