Updates

The April update introduces REM sizing, making responsive design in Framer easier than ever. REM is a font-size unit based on a default value—typically 16 pixels—that allows you to design type scales relative to that base value. This base value can even be customized per Breakpoint, making all text layers using REM responsive out of the box. When using Layout Templates, this gives you a single place to define both your Breakpoints and base sizes per Breakpoint. You can then tweak either of them without having to redo any of your Text Styles. This update also brings big performance improvements to Framer. The entirety of the app should feel faster, from menus to quick actions. Be sure to watch the video to learn more, and find our full changelog below.

Added

• Added REM Sizing support to Text Styles

• Added REM Sizing support for Text Layers

• Added REM Base values to all Breakpoints

• Added REM Base values to Layout Templates

• Added Livestream and Playlist support to YouTube

Improved

• Improved performance of app UI

• Improved performance of Actions

• Improved UI of Component updates

• Improved UI of core Toolbar buttons

• Improved A11Y of Page Navigations

• Improved loading of YouTube videos

• Improved Preferences in Action menu

• Improved performance of Localization

• Improved Localization modal design

• Improved the UI of in-app Toasts

• Improved inputs of Transforms

Fixed

• Fixed our pinning UI lingering after edits

• Fixed Components being deletable while used

• Fixed Home page swaps with Layout Templates

• Fixed Current Link styles not rendering on Canvas

• Fixed Color Styles not being truncated in our UI

• Fixed empty states of Quick Actions find menus

• Fixed some layers not being translated by AI

• Fixed the Color Picker transition being broken

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.