This is a hero section I designed for a project management SaaS concept called ScaleUp, built in Framer.
A good hero section usually comes down to one thing. It has to make someone understand what they're looking at in the first three seconds, without needing to read anything...
A full B2B SaaS website for invoice management and payment tracking, built completely in Framer from a locked spec. Every section had copy, component logic, and background assignments documented before a single frame was touched in the builder.
Figma Motion is live as of today and I've already been building with it.
Motion is now native to the canvas. Same file as your components, same file as your variables, same timeline your whole team can see and comment on. No more building animations in a separate tool and hoping...
"Stop chasing invoices." That's the headline. No metaphor, no abstract promise. Just the exact frustration the target user already has a name for, stated directly at the largest type on the page.