Motion as a Design Language

Your product has animations. It doesn't have a motion system. There's a difference. One-off animations are easy. Knowing which component transitions on tap, what easing your loading states use, how your error state behaves across every screen, that's a system. And most teams don't have one. This workshop is how you build it. Learn. Build. Ship. LEARN Understand why motion is a design decision, not a decoration. Pick up the vocabulary that finally makes design-dev handoff click: states, transitions, inputs, interactions. BUILD Get hands-on. Design a real, multi-state interactive component from scratch. Map the states, define the transitions, wire the triggers, using the same tools and thinking you'd use on the job. SHIP Leave with something real. A framework, a working component, and a clear plan for scaling motion across your product, starting Monday. No animation background needed. No specialist tools to learn. Just designers ready to think in systems. ⚠️Some Important Notes Please bring an internet-facing laptop for the session. As this is a hands-on session, please update your RSVP in advance if you're unable to attend. Last-minute cancellations or no-shows are strongly discouraged. Organised by LottieFiles Community Partner Lorong AI Supported by DesignSingapore Council