Ten minutes to build, an hour to record. That's the pitch for Play — I wanted to test how fast you can go from a Figma design to an interactive drag-and-drop prototype without writing any code.
Drag and drop is one of those interactions that's hard to convey in a static mockup. Stakeholders nod at wireframes but don't really get the feel until they can touch it. I wanted to see if Play could close that gap in under 15 minutes.
Figma to Play — designed the interface in Figma with proper auto-layout, then copied the frames directly into Play. The layer structure carried over, which meant I didn't have to rebuild anything.
Adding interaction — Play's interaction model made the drag-and-drop behavior straightforward. Define the draggable element, set the drop zones, add the reorder logic. No scripting, just direct manipulation.
The recording — ironically, making the demo video took 6x longer than building the prototype. Screen recording, editing, adding context — the meta-work always takes longer than the work.
The gap between "I designed this" and "try it yourself" is where most design feedback dies. Tools like Play compress that gap to nearly zero. Ten minutes is fast enough to prototype during a meeting.
Figma — interface design with auto-layout Play — drag-and-drop interaction prototyping