We’re constantly improving Framer. See the latest features and improvements.
Auto Size is here. Not only can you create truly dynamic designs that adjust to changes in content, but also buttons that change size on hover and click, accordions, dropdowns, and more thanks to some intuitive properties.
Use the Grow property to ensure that changes to text are reflected in the surrounding elements. Just set the Grow property to Auto Width or Auto Height and watch everything fall into place with copy updates. Stretch layers in any direction and control padding independently by dragging the handles that appear when an element with Auto Height or Width is selected.
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.