Prototyping motion in Framer, shipping it in CSS

Framer's easing curves are a great way to feel out a transition before you commit to it in code. The catch is that nothing in Framer exports directly to a cubic-bezier() value a browser understands, so the last step is always translation, not copy-paste.

The workflow that's worked best: prototype the feel in Framer, read off the approximate timing and curve shape, then rebuild it by hand in CSS against the real component — checking it against prefers-reduced-motion before calling it done.