Built with LottieFiles
Dynamic Animated Grid Project
Bharat Dhimmar
Overview
I created a dynamic animated grid using Figma and transformed it into a smooth, lightweight Lottie animation. The goal was to explore how structured layouts can feel alive while staying clean and performance-friendly.
✨ Concept
Grids are usually static — I wanted to break that.
By using consistent layer naming across multiple frames in Figma, I built a seamless animation where elements move, scale, and transition within a structured grid system.
Figma Workflow : Download Figma File
🛠 Process
Designed multiple frames in Figma with identical layer naming
Created motion transitions by adjusting position, scale, and opacity
Exported using Lottie workflow for precise animation conversion
Optimized JSON for lightweight performance
Made with Figma + LottieFiles
Made with Figma + LottieFiles
Made with Figma + LottieFiles
Made with Figma + LottieFiles
⚡ Result
Smooth, loopable grid animation
Clean structure with minimal file size
Developer-friendly Lottie output
Perfect for web, apps, or hero interactions
Made with Adobe After Effects
🎯 Tools Used
Figma • LottieFiles • After Effects
🔥 Let’s Collaborate
If you’re looking to add clean, modern motion to your product using Lottie — I’d love to help.
Made with Figma
Like this project
Posted Apr 24, 2026
Created dynamic animated grid using Figma and Lottie.
