Micro animations

https://lottie.host/?file=440c6e96-ca7a-479e-a209-077bef32b31d/T20glGlPPM.json

Blobs

Blobs can be generated using this handy tool: https://www.blobmaker.app/

• Randomize the blob, and click to get the SVG code.
• Paste it into Figma (frames are created automatically when pasting).

Pro tip:

• You can increase the complexity of the blob using the slider and auto-animate magically takes care of animating the new nodes.
• It’s easier to change the colors of blobs using Figma instead of the app.

UI elements

Toggles

https://lottie.host/?file=0a0f5503-16f1-4d95-93cd-c9277ff1e930/MWTlz6s4iw.json

Auto-animate icon strokes

The trim path animation preset allows you to animate Figma strokes with just one click. This used to be a multi-process task in Adobe AE.

CleanShot 2023-05-14 at 17.43.52.mp4

https://lottie.host/?file=00fdaf62-847e-4823-9053-b3cdc2828904/l1iJN6hLij.json