Thanks so much!

How da hell can you create this in codes 😂

Will you hire me if i did this animation?

I appreciate it! But I’m still learning like everyone ❤️

Happy to help!

Thank you I really appreciate it!

@@shmeltstudios I will be waiting for more amazing animated video's..

Hope you enjoyed it!

Thank you!

Thank you 🤟🏼

Thank you 😊

When animating the shadows become a little shaky so you can add a blurred circle underneath the shoe, just make sure they are grouped together 👍🏼 hope this helps!

Thank you 🙏🏼

same, or export it anywhere

PLZ

I also didn't know why so I asked chat gpt and now I know :) "Adding hidden circles or other shapes in Figma, or any other design or prototyping tool, is a technique often used to create seamless animations or transitions between different frames or screens. This approach is commonly referred to as "masking" or "clipping" and can serve several purposes: Seamless Transitions: By overlaying shapes like circles, squares, or other masks on your frames or components, you can create smooth transitions between different states. These shapes can act as a visual bridge, ensuring that elements move or transform in a visually pleasing way, making the animation appear seamless and natural. Guides for Animation: These hidden shapes can act as guides or boundaries for animating objects. For example, if you want an object to slide or scale within a specific area, you can use a hidden shape as a guide for the start and end positions. This ensures that your animation stays within the desired bounds. Complex Masking: If you have elements with irregular shapes or complex animations, you might use hidden shapes as masks to control what's visible and what's not. This can be particularly useful when you want to reveal or hide parts of an object or image during an animation. Layering and Stacking: Hidden shapes can help you control the layering and stacking order of elements. For instance, you might want an element to appear as if it's coming from behind another object. By using a hidden shape to define the boundary, you can ensure that the illusion works smoothly. Easing and Timing: You can also use these hidden shapes to help define the easing and timing of animations. By specifying the path or boundaries that an object should follow, you can fine-tune the easing curves to achieve the desired visual effect. In summary, adding hidden shapes like circles in Figma (or similar design tools) is a strategy to enhance the quality and precision of animations, transitions, and interactions in your designs. They serve as visual aids and control elements, making it easier to create fluid and polished user experiences."

@@juliadelicato thank you so much madam for your immense support and idk why I forget chat gpt thank you so much madam god bless you 💗 now I clearly understand about this method 🙏🏽

you can use instant eye dropper.

Grab your shoe and the shadow layers and press Option Cmd G and that will put them into a frame

@@shmeltstudios what is the keyboard shortcut on windows 10?🥲

@@maxwell-mk Ctrl + Alt + G

what is that command drag? if I drag, the shoe size is also compressing@@shmeltstudios

Oooh maybe if Figma starts paying me lol I’ll starting giving away stuff 😂

Hahaha just say you're a grouchy developer 😂