In this video, I’m designing a clean animated logo loading splash screen in Figma—step by step—using the exact kind of practical workflow I use every week. We start by setting up an iPhone 16 frame with a simple purple-to-blue gradient background, then build the base layout: a white circle, my logo centered inside it, and a spinner loader on top. The spinner is the fun part: I turn an ellipse into an arc, smooth it out with a big corner radius, and use an angular gradient that fades out (white at 0% opacity) so it feels polished instead of harsh. After that, I convert the spinner into a component with four variants and rotate the arc by 90° each time (90, 180, 270) to create a seamless closed loop. Then I prototype the variants using After Delay (1ms), Smart Animate, Linear curve, and 300ms duration so it plays automatically. Once the loader is working, I duplicate frames to set up the logo transition and a final form pop-in, keeping the logo perfectly aligned by copying the X value across frames. Finally, I connect everything in Prototype mode (including a 300ms hold on the loader) and preview the full sequence: spinner, expanding circle, logo slide-in, and form reveal—portfolio-ready and super satisfying.