Framer Update, CMS

Framer CMS Update: New Filters, Field Descriptions, Multi-Select, Image Focal Points

Framer CMS Update: New Filters, Field Descriptions, Multi-Select, Image Focal Points

Framer CMS Update: New Filters, Field Descriptions, Multi-Select, Image Focal Points

Edo

·

3:56

·

8.4K views

·

About this lesson

This release introduces a few CMS features requested by larger teams, unlocking new possibilities. First of these is the ability to match 'Any' filters, in addition to 'All', making it possible to include collection items that satisfy one or more conditions. We also added image focal points in the CMS, as well as the ability to set field descriptions, duplicate collection fields and multi-select CMS items to delete them. See the full list below.

- It’s now possible to filter by matching 'Any' condition, in addition to 'All'

- Images now support focal points in the CMS, Localization view and in the canvas

- All collection fields now support optional descriptions, or help texts, below the title

- You can now multi-select collection items, and delete them in bulk

- Any collection field can now be duplicated together with all its options

- It’s now possible to navigate to the CMS from the Localization view

- Fixed an issue where dismissing the Edit Fields modal wouldn't save changes

- Fixed a bug where navigating from CMS to the canvas could break the preview

Chapters:

https://www.youtube.com/watch?v=y68V-ExpBcE&t=0s Overview

https://www.youtube.com/watch?v=y68V-ExpBcE&t=35s Filtering with 'Any' condition

https://www.youtube.com/watch?v=y68V-ExpBcE&t=98s Image Focal Points

https://www.youtube.com/watch?v=y68V-ExpBcE&t=153s Duplicate Fields & Field Descriptions

https://www.youtube.com/watch?v=y68V-ExpBcE&t=187s Multi-select to Delete

🌞 Start for free: https://framer.com

📚 Learn more at: https://www.framer.com/academy/

💎 Join the Community: https://www.framer.community

🎉 Follow on X: https://twitter.com/framer

0:00hi everyone this is Ado from framer and0:02I'm going to show you some CMS0:04improvements we've been adding in the0:05past few days including a new option for0:09filters a control for image focal points0:12support for field descriptions and0:15multi- select of collection items to0:18show you how all these work I prepared a0:20page showing a collection of video0:22tutorials that are taged by0:25topics now I want to create a view in0:27which I filter only the most creative0:29one out of these 50 so let me add a0:33creative title for my page with my0:36collection being selected I'm going to0:38head to filters all my filters are now0:41grouped in this popover and you might0:43already notice a new control here at the0:45top I'm going to add the first filter to0:48select only collection items with a0:50certain topic which is0:52effects I another second filter this0:55time matching a topic that is components0:58you'll notice how nothing is shown in my1:01page yet since the filter is trying to1:03match all these conditions if I click to1:06any which is a new type of control I'll1:09see items matching one or the other1:12topic showing up and since there has1:14been a recent creative update let me try1:16to include it with another filter I1:19choose title contains and type in1:23cursors and there it is a new item1:26matching my filter shows up in the1:28list1:30and that's it for filters we also1:33included an improvement to give you more1:35control over how images are displayed if1:38I reduce the height of this Banner1:40you'll notice some content gets hidden1:42and this gets even more noticeable on1:44larger break points the content gets1:47equally hidden at the top and at the1:49bottom but I would like the upper part1:51to stay always1:55visible in the CMS view by opening a1:58collection item you'll notice that2:00images have now a new control called2:02focal point a spot in the picture that2:04will always be in Focus no matter the2:07cropping you can set a focal point by2:09dragging this little circle around and2:11then going to place it on the heading2:13within the asset after clicking apply2:16you notice the top part of the image2:18won't be hidden any longer this makes2:21the banner scale well at different2:23resolutions making it display nicely2:25both on desktop and mobile without the2:27need of extra break points2:31now let's go to the CMS view we've been2:34asked about the ability to duplicate2:36Fields with all their options so we made2:39it possible on right click we also added2:42field descriptions so that designers2:45working in larger teams can leave2:47suggestions to marketeers and2:50copywriters descriptions can be left for2:53any field in the collection and be as2:55detailed as you like for instance2:58indicating the type of cont content the3:00team needs to fill in the tone of voice3:02the recommended length or anything else3:06really lastly we heard that sometimes3:09you might want to delete a number of3:11items in one go now you can click select3:14or simply over on an item icon to show a3:17checkbox and multi select a3:20few little Pro tip here by holding shift3:23you can select a range when clicking3:26delete you get a confirmation message3:28but don't worry if you deleted something3:30you shouldn't have you can always3:32command Z or contrl Z to3:35undo we fixed even more details that you3:38can read in the description and next3:41we'll focus on helping teams handle even3:43larger collections stay tuned for more3:47CMS updates coming soon and happy3:54building

Watch on YouTube ↗

More in this topic

Framer Update: Logo Shaders2:05
Framer Update: Logo Shaders
Framer Update12K views · 1 month ago
Framer Update: CMS 3.04:13
Framer Update: CMS 3.0
Framer Update14K views · 1 month ago
Framer Update: Holo Shader1:46
Framer Update: Holo Shader
Framer Update6K views · 2 months ago
Framer Update: Auto Translate3:09
Framer Update: Auto Translate
Framer Update4K views · 2 months ago
Framer Update: Stack Sorting and Bento Grids2:16
Framer Update: Stack Sorting and Bento Grids
Framer Update7K views · 2 months ago
Shader: Chromatic Aberration1:56
Shader: Chromatic Aberration
Framer Update7K views · 2 months ago
Framer Convert5:42
Framer Convert
Framer Update13K views · 3 months ago
Ship websites with enterprise needs, at startup speeds0:33
Ship websites with enterprise needs, at startup speeds
Announcement8.3M views · 3 months ago

Create a free website with Framer, the website builder loved by startups, designers and agencies.