Responsive Vehicle Card component

One of the more complex components in our library, the Vehicle Card component has to handle a lot of logic and states depending on where in the product it shows up, as well as both the Host (user) and vehicle data it's plugged into. We recently rebuilt our Figma version of this component to match those states and make it responsive with Figma's relatively new Variant & Auto Layout features. Here's a selection of the variant options on display (plus a bonus Dark Mode toggle), screen recorded with Figma's built-in prototyping tool.

More by Turo Design

View profile