Ive done similar by making a basic Figma prototype, screen recording it, and then placing the screen into a phone mockup in after effects. You can then convert the mp4 into a gif!

The key for resolution here is to screen record the prototype on your computer (not phone)

Done this a few times in the past and noticed resolution loss but i’ll give it another go!

Try scaling the prototype as large as possible before recording!

Shall do!

I think they’re videos of the real app

Would they be screen recorded, or some emulation. The question is still the crisp recording and touch movements/UI etc. Feels like Rive or something else?

Maybe! I wouldn’t be surprised if it’s all real brilliant app animation though. benji.org/family-values

Yeah I know Benji loves awesome UX and motion so no surprise there

screen studio

Try check out lottiefiles.com, this should give you an idea of how the animations are created. They have lots of tools and tutorial videos as well.

LottieFiles: Download Free lightweight animations for website & apps.

Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!

lottiefiles.com