Published in


Bridging the Gap Between Design & Code

‘Design & Code’ is a series about design and engineering experiments, processes, and learnings, brought to you by the AirSwap team.

With multiple files and symbols scattered across all of them, it became a hassle managing a consistent identity.
Because of the absence of a well-defined system on the design comps, many files in our codebase would introduce new components that were similar to existing ones, or make minor changes to the existing components.

Design Technology

AirSwap Component Library

React components rendered to Sketch
Multiple versions of the component library, rendered to Sketch and uploaded to Figma

Enter Figma

Using our new component library to build mocks for the new AirSwap Conversational OTC Trading
The component name is displayed in Figma, which immediately provides information to developers viewing the mocks

What’s Next

About AirSwap



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Calvin Chan

Technologist. Currently building @airswap, previously @skillshare/@mongodb/@ucla/@hackny/@joininteract