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