Cover Image for Figma to Code Workshop for Designers, PMs & Engineers
Cover Image for Figma to Code Workshop for Designers, PMs & Engineers
17 Going

Figma to Code Workshop for Designers, PMs & Engineers

Hosted by Preetha Laxmanwar, Kushagra Swami & Arpit Bhatia
Registration
Approval Required
Your registration is subject to host approval.
Welcome! To join the event, please register below.
About Event

Figma to Code Workshop for Designers, PMs & Engineers

Beginner-friendly. Built for designers, PMs, engineers, and founders.

Hosted by Accio AI, with POP's design team sharing the work they've been building.

How do you take motion and interactions from Figma and turn them into working code?

Join us for a hands-on workshop where we break down real case studies and use modern AI-powered workflows to go from a Figma prototype to a working build. No prior coding experience needed. If you can open Figma, you can follow along.

What you'll walk away with

  • A clear mental model of how design becomes code, and where AI fits in

  • The exact workflow to take motion and interactions from Figma into React and Android

  • An intro to Rive, the tool behind interactive animations you've seen in apps like Duolingo and Spotify

The sessions

Figma UI to Android Code
Kushagra Swami, AI Lead Product Designer
How a Figma interface becomes a functional Android implementation.

Rive in Motion
Mohak Taneja, Interaction Designer
A first look at Rive, the tool behind interactive animations in apps like Duolingo and Spotify, how the POP design team uses it, and how those interactions move from design into live code.

15-min break

Case Study: Figma Motion to Code
Deepanshi Sharma, Ai Product Designer, and Ritik Gupta, AI Design Technologist
A real breakdown of how motion, transitions, and interactions from Figma get recreated in React and Android.

Workshop: Figma Motion to Code
Deepanshi Sharma and Ritik Gupta
Hands-on. We work through the motion-to-code process together, using real examples.

Networking
Wind down, meet the speakers, and connect with others working across design, code, and AI.

Who should come

  • Designers who want to take their work beyond Figma

  • Product managers and founders who want to understand what's now possible without a big eng lift

  • Developers working with React or Android

  • Anyone curious about where design, motion, and AI meet

You do not need to be technical. Beginners are genuinely welcome, and the whole point is to make this approachable.

Format

A hands-on workshop where we work through real examples together. Bring your laptop and be ready to build.

🗓️ Sunday, 27 September, 5 to 8 PM
📍 The Bangalore Local, Koramangala, Bengaluru
💻 In person, bring your laptop.

Ticket: ₹500

Location
The Bangalore Local
159, 1st Cross Rd, 1st Block Koramangala, Koramangala, Bengaluru, Karnataka 560034, India
17 Going