How to create interface animation with translucent cursor?

Question

User interface

Good afternoon guys!
I can't find a tutorial that shows how to make an animation of an application with a cursor. Like here at the very beginning: https://www.youtube.com/watch?v=0yMyMDJe3YQ
Does anyone know how these animations are created?

Answer 1

The first thing that comes to mind: open the version of your application in the browser through the Device Toolbar (Chrome will give a cursor)
And turn on the screen recording. Next, put the phone case on top of the video. Ready.
Second option: Do everything from scratch, in the same After Effects. It will take an unreasonably long time.
Third option: If your program is specialized for a certain platform, and there is no web version, then you need to look at the options for this particular platform.

Answer 2

Most likely the author of the video used some kind of prototyping program. For example Framer. It has a Preview function, it uses just such a cursor.
Another option: Principle. There, the preview also uses a similar cursor.
In the latter, you can record a video or make a GIF with or without a cursor.