Design Engineering Workshop

A design engineering session at IIT Delhi focused on bridging design intent and production-ready interaction — prototyping in code, not just in slides.

The session

We covered how design engineers think about systems: tokens, components, motion specs, and when to prototype in SwiftUI vs. Rive vs. web. Students worked through a sample flow from wireframe to interactive prototype.

Topics

Design tokens — naming, scales, and keeping design and code aligned.

Component APIs — designing props and variants engineers can actually implement.

Motion handoff — timing curves, spring values, and state diagrams that survive engineering review.

Outcomes

Attendees prototyped a small interaction end-to-end and left with a checklist for design–engineering handoff. Placeholder feedback noted stronger confidence in reading SwiftUI previews and Rive runtimes.

Tools

Rive — interaction prototyping
SwiftUI — native UI patterns on iOS
Figma — specs and component documentation