Updates

Introducing Localization APIs for Plugins—already powering both our new Locale Sync Plugin and internal Workspace Plugins used by teams that ship some of the biggest sites with Framer. With the Locale Sync Plugin, your Site’s Locales are now completely portable, enabling you to import and export your Locales via the standard XLIFF file format. Try it today via the Plugins button in the Localization View Toolbar. For developers, the Plugin is completely open source. Additionally, we are releasing a Permissions API Preview for Plugin builders to begin adapting their Plugins to accommodate for users without design permissions, functionality that we’ll be enabling soon. View the changelog or get started via the Localization and Permission guides.

We’ve added a new batch of free fonts. Nouvelle Grotesquerie, Liga Sans, Project Blackbird, and CondenBitmap are now available in the Open Source category of the Font Picker and are perfect for kickstarting your next template or website. You can find an overview of all added fonts below.

• Nouvelle Grotesquerie by Guillaume Lelong

• Project Blackbird by Leonit Gashi

• Liga Sans by Nathan Laurent

• CondenBitmap by Erga1203

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

We’ve added a new batch of free fonts to Framer, including DT Getai Grotesk, Utara, Aileron and Bagnard. They’re available now in the Open Source category of the Font Picker and are perfect for kickstarting your next template or website. You can find an overview of all recently added fonts below. If you’d like your own typeface featured in Framer, please feel free to reach out.

• DT Getai by DOT and Sylvester San

• Bagnard by Sebastien Sanfilippo

• Utara by Lokal Container

• Aileron by Dot Colon

Introducing our new Code Preview in Framer, re-engineered to be faster when working with code files. Previews now feel much snappier, so you can iterate more quickly. You’ll notice the biggest improvement when making changes to Code Components, where updates appear instantly. This is powered by React Fast Refresh, which also preserves state between edits instead of resetting every time—a subtle but useful change. If you write code in Framer, you’ll feel the difference.

We’ve redesigned the Editor Bar to be lighter and more powerful. Based on your feedback that the previous version could feel intrusive—especially when overlapping UI elements like bottom navs—we’ve made the entry point more subtle, placing it neatly on the right side of the viewport. You also asked for the option to open the project directly in the Framer app, and now you can. Once set, the preference is remembered by your browser. Learn more about it on the help page.