Figma Motion → Code Workshop

Hosted by designers at POP UPI

How do you take motion and interactions from Figma and bring them to life in code?

Join us for a hands-on workshop exploring the process of translating Figma motion and interactions into working code, using modern AI-powered workflows.

We’ll learn by breaking down real examples and case studies, including:

Case Study 01 — Figma UI → Android

How a Figma interface can be translated into a functional Android implementation.

Case Study 02 — Figma Motion → React / Android

How motion, transitions, and interactions from Figma can be recreated in React and Android.

The focus of the workshop is not simply on generating code, but on understanding the design-to-code process — how to interpret motion, communicate intent, and use AI to move from a Figma prototype to a working implementation.

Who is this for?

• Designers interested in taking their work beyond Figma
• Developers working with React or Android
• Product designers and engineers exploring AI-assisted workflows
• Anyone curious about the intersection of design, motion, and code

Format

This is a hands-on workshop where we’ll work through the process together using real examples.

Bring your laptop and be ready to build.