Design Engineering Workshop

A recorded design engineering workshop for Design Originals Club — motion, systems thinking, and building interactions that hold up in production.

Overview

This session walks through how I approach design engineering work: starting from user intent, mapping states, then choosing the right tool for the prototype. We use a real product example (placeholder) to show the full loop from sketch to shippable interaction.

What you'll learn

Interaction audits — spotting where UI loses clarity or trust.

Rive workflows — artboards, inputs, and exporting for web or mobile.

Design systems — reusing motion and layout patterns across features.

Recording

The full session is available on YouTube: Design Engineering Workshop.

Tools

Rive — state machines and animation
Figma — layout and component specs
Design systems — tokens, variants, documentation