Lighthouse

Lighthouse helps designers check Lottie animation compatibility across iOS, Android, and Web. It scans Figma frames, detects unsupported features like shadows, blurs, etc., and lists issues directly on affected layers. Double-click to jump to problem layers and get instant updates as you fix them—ensuring a smooth animation workflow.

How to Use Lighthouse:

1️⃣ Select a Frame – Open Lighthouse and choose a frame to analyze.

2️⃣ Instant Issue Detection – View a list of unsupported animation features.

3️⃣ Quick Fix Navigation – Double-click an issue to select the affected layer.

4️⃣ Live Updates – Changes update instantly as you fix issues.

5️⃣ Final Check & Export – Ensure compatibility for seamless Lottie animations.

6️⃣ Mark frames – Mark frames that are ready for animation to avoid confusion and ensure efficient workflow.

Simplify your motion design process with Lighthouse! 🚀