Smarter variables, fewer workarounds

Variables in Framer have always been powerful, but chaining transforms — formatting a date, then prefixing it, then conditionally hiding based on the result — required multiple intermediate variables and careful ordering. This update introduces Computed Values as a first-class feature in the binding panel, letting you stack transforms inline before they reach the target property.

New transforms include toDateString with format and dateStyle options, convertFromBoolean to enum for driving component variants from boolean variables, and toggleInList for building multi-select filter interfaces. All transforms are composable: the output of one feeds the input of the next, and the final value is resolved at runtime with no intermediate state exposed on the canvas.

Collection reference chaining

Variable bindings now support nested dot notation for collection references. If a Posts collection references an Authors collection, which in turn references a Teams collection, you can bind directly to the team name with a single variable path. This eliminates the need for dedicated join pages or intermediate data layers for most use cases. Detail pages for CMS items benefit most immediately, since they often need to surface several levels of related content on a single screen.