Prototype Sandbox

Getting closer to the codebase

I wanted to be able to prototype from the codebase instead of from Figma. I worked with our front-end team to build a sandbox that lets me do exactly that, starting from our real product template and using our actual design system components as the building blocks. The goal isn’t just faster prototyping. It’s finding the gaps between what lives in Figma and what’s actually in the codebase, using those gaps to improve the design system, and exploring how this kind of setup could help the whole team work more fluidly with engineering. I’ve already used it to take a real product idea to a working interactive prototype, and I’m still working with this sandbox to determine out how far this approach can go.

Status

In-progress

Built with

Internal Design System / Cursor

Timeline

3 day setup / ongoing exploration

Let's Connect.

I am available to take on new projects, collaborate, or simply chat about design. Have questions about my work? Reach out and say hi!

hand drawn arrow