Updates

Text Search is here! Launching today as part of our Navigation API release, you can now search for text content across your whole project: on Pages, in the CMS, or in Code Files. Text Search is a special plugin that can be also launched with ⌘⇧F on Mac or Ctrl + Shift + F on Windows just like you’re used to it from other tools. This plugin showcases what’s possible with our new Navigation APIs, giving you access to everything in your project. See the Docs to learn more.

Introducing the Lightbox Effect, the easiest way to add high-fidelity lightbox interactions to your images in Framer. On click, your images will seamlessly animate from their current position to an overlay. Perfect for portfolios and galleries. The Lightbox Effect also works with the Framer CMS, letting you add these interactions to all images with a single click. Simple, smooth, and seamless.

The fifteenth Framer Font Drop™ adds Amiamie, SN Pro, Libre Caslon Condensed, and Lavoir to the Open Source font collection. All of these typefaces are now available in the Font Picker and ready to use in your next template or website. Would you like to see your own open source font featured in Framer? Please feel free to reach out, we’re always looking for more great additions.

• Lavoir by Alex Chavot

• Amiamie by Mirat Masson

• SN Pro by Supernotes App

• Libre Caslon Cond. by Ertekin

Introducing Fit Image, a new sizing option unique to Framer. In most design tools, images have a fixed width and height you set on the canvas, which means you need to match the aspect ratio of your Frame to the image source. That stops working when dealing with dynamic content, like our CMS. Fit Image solves this by adapting automatically to the width or height of uploaded images, opening up new layouts, responsive design possibilities, and future interactions. Only in Framer.

Introducing Design Pages, a new way to design and iterate in Framer. This update turns Framer from a web builder into a true design tool. Design Pages give you a freeform canvas to explore in, with all the tools you might need, like vector editing, P3 colors, image exporting, advanced masking, and much more. Experiment and play without having to think about responsiveness. Turn any iteration into a Web Page with a single click. Adding Breakpoints is so much easier when starting with Design Pages. No imports, no copy-pasting. Wireframer now works with Design Pages as well, so you can generate unique layouts side-by-side. Best of all, Design Pages are completely free to use. Unlimited projects, unlimited pages. Only in Framer.

The Sargam Icons are now available in the Insert Panel. An all-new icon set built with simplicity, consistency, and flexibility in mind. Each icon is designed on a 24 × 24 grid and built using SVG stroke for maximum styling control. Scalable, customizable, and ready for your next site project.