Updates

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.

The March update brings P3 color support to Framer with a redesigned color picker. Display P3 offers a much wider color gamut than standard sRGB, unlocking a broader range of more vivid, vibrant colors. Back in 2020, studies showed that around 50% of web visitors had P3-capable displays, and that number is likely even higher today. Devices that support P3 include iPhones, iPads, MacBooks, Apple Studio Displays, and high-end monitors from brands like LG and Dell. Every modern browser has supported these P3 colors since 2023, and for older ones, Framer automatically renders fallback colors, so your websites will always display colors correctly.

Added

• Added Display P3 color support to Framer

• Added horizontal scrolling in the Layer Panel

• Added Shorts support to YouTube Component

• Added auto-upgrade to Desktop apps for M1+

• Added an empty state to Workspace Plugins

Improved

• Improved the Preferences menu items

• Improved the default gradients of Masks

• Improved page view tracking in Analytics

• Improved the Airtable Plugin with CMS Starter

• Improved default Code Override with forwardRef

• Improved hitting tab while selecting sibling layers

Fixed

• Fixed Fetch showing on all top level Links

• Fixed / in Style names not making Folders

• Fixed Graphics in Layout Templates animating

• Fixed enter not selecting Layers if collapsed

• Fixed CMS Export Plugin not exports slug fields

• Fixed Overlays with Click interactions not closing

• Fixed Layout Templates with Appear hiding Layers

• Fixed context menus not closing on window resize

• Fixed HTML escaping when adding Code via Plugins

• Fixed tab animation being broken in the Assets panel

• Fixed Workspace Plugins not respecting Plugin modes

• Fixed renaming a Code Component breaking publishing

• Fixed moving Text layers with arrows jumping incorrectly

• Fixed rare issues where bots would crawl wrong URLs

• Fixed Slideshow not playing Effects on some slides

• Fixed Carousel arrow controls showing on mobile

We’ve added a new batch of free fonts to Framer. Jakob, Alpha Lyrae, Havana, and FA1. Available now in the Font Picker for everyone—perfect for kickstarting your next project or template. If you would like your own typeface featured in Framer, please feel free to reach out. See an overview of all recently added fonts below. You can find all of these in the Open Source category.

• Jakob by Alan Madic

• Alpha Lyrae by Fontfabric

• Havana by Asia Angulska

• FA1 by Sora Sagano

We’ve added a new batch of free fonts to Framer. YUNGA, Cal Sans, Bonbance, and FT88. Available now in the Font Picker for everyone—perfect for kickstarting your next project or template. If you would like your own typeface featured in Framer, please reach out. See an overview of all recently added fonts below. Find all of these in the Open Source category.

• Bonbance by Louna Bourdon

• YUNGA by Artem Voroshnin

• Cal Sans by Mark Davis

• FT88 by Degheest

This release introduces Selection Colors. When selecting layers, you’re now able to see all their colors at once—perfect for quick edits and spotting issues. Selecting just a few layers? Instantly edit colors inline. Selecting many? You’ll get a tidy, collapsed overview with the total color count. Right-click any color to select matching layers. A nice workflow booster, now available in Framer.