Property panel redesign

A cleaner, more focused interface with more real estate allows you to focus on the properties you use most with less distraction by those you don’t need as often.

The indentation on properties helps improve scanability and predictability, helping you find properties faster. And moving properties like Radius and Opacity away from Layout and under Style, creates a much more sensible division of properties.

The experience of adding, deleting and editing properties that can have multiple rows/values (like Interactions and Shadows) is consistent and easier to understand for users who are new to Framer. To add a new property to your selected element, simply click the + icon next to the Style section. Choose your property and it will be added to your properties panel so you only have to see the properties that you are currently using.