Framer + Mapbox

Designing with real data is critical to what we do at Uber.

I developed a Framer module that lets us put cars, route lines, markers, navigation, on a real map using the Mapbox GL JS API.

In this example, I used Mapbox's Directions API to route our 3D cars along real street data. The module lets you specify multiple longitude, latitude waypoints, route lines, and more.

Creating data-driven prototypes with tools like Framer allows us to test for real world situations in our research.