We’re constantly improving Framer. See the latest features and improvements.
You can now copy and paste Smart Components across any Framer project. This unlocks smoother workflows for sharing components. Paste an interactive button component, change its properties like text or color, and you’re good to go. Use the same component across projects and utilize their Variables and properties to work in every situation—just like your production components.
If you need to make further changes to the Variants or interactions of your pasted Smart Component, you can simply unlink the component from its primary and keep iterating in the new file. This is the first of many features to help you create and share your design system with Framer.
You can now switch between list view and gallery view in your project dashboard. The new gallery view makes it easier to scan your projects, and quickly locate the one you're looking for.
By default, your Home Frame in the canvas will appear as your thumbnail, but you can also pick a custom one via the new "Set as Thumbnail" menu option. Thumbnails work best as 4:3 aspect ratio Frames—this will make them appear edge-to-edge on the dashboard. Customize your dashboard in the way that works best for you.
You can now use the Appear trigger and Delay property right in your Smart Components. This allows you to create custom components with their own sequenced animations or time-based transitions. Animated carousel components and smooth loading indicators can be created in minutes by changing the interaction trigger from Tap to Appear when adding an interaction to your Smart Component.
Introducing gamepad support for Framer prototypes. You can now control any prototype with the game controller of your choice by using the Key & Gamepad trigger when you create transitions between screens. Just select the Key & Gamepad trigger and choose which keys you want your prototype to respond to. Supported controllers include:
- DualSense 5 (with DS4Windows)
- DualShock 3 & 4
- Xbox Wireless Controller
- Steam Input (using GlobalSC)
- Nintendo Joycons
- PS3 DJ Hero Turntable (using custom driver)
- Thrustmaster T300 RS GT (with pedals disabled)
Sequenced animations and time-based transitions are now possible in Framer with the new Appear trigger and Delay property. When setting up a transition between screens, first change the Tap trigger to Appear. Then, in the Delay property field, set the number of seconds you want your transition to be delayed by. This update makes features like progress bars and loading screens possible in just a few clicks.
You can now create keyboard-controlled interactions in Framer thanks to the new Key trigger. When setting up a transition between screens, change the Tap trigger to Key in the interaction panel, then you will see the Key property appear below. Here you can enter any key on your keyboard, and Framer will register the correct one. You can take any prototype to a higher level of fidelity by adding native keyboard support to any transitions.
Create easy sticky elements such as sticky navigation, colliding headers, and fixed pagination arrows with the Scroll tool and Stacks in Framer. Select the element you want to remain sticky, then head over the properties panel and find the new Sticky property. Here you’ll see four position properties to customize your sticky header—top, bottom, left, and right. These properties represent the position of the sticky element relative to its parent to allow for full flexibility of your layers.
There are new options available with the Scroll tool in Framer. With the Offset and Reset options added to the Scroll tool you can now animate to any scroll position or offset your scroll. You also have the option to reset scroll, set initial scroll position, and reverse scroll direction. Draw a scrollable area with the Scroll tool to see the new options in the properties panel.
The Recommended Teams feature enables new team members to easily find and join existing Framer teams within their organization. Everyone who creates a new team with their company email address will get the opportunity to recommend this team to anyone with the same email domain.
To make sure you have this setting turned on, go to the Permissions section of the Team Settings modal and check the box next to Recommend Team.