•

Relay

Archived Check it out 

Despite web design and development tools becomming more and more integrated, and users becoming more versatile in their skillsets. We can’t escape the current process: designers draw the product in a design tool, then developers redraw it in code. It’s hard for this not to feel imperfect and redundant.

Relay is a small exploration amongst many initiatives to close the hand-off gap. Our primary observation is that Figma does one magical thing well—almost accidentally: it creates a single source of truth. As soon as Figma announced their API, we started exploring our options.

The result is a simple service for migrating assests directly from design into your continuous deployment process. As soon as you import an asset into Relay, a link is maintained between the frame in Figma and the resource in your repo. When that asset is updated in the future, it’s a single click to check for changes and open a pull request with any assets that have been modified. Along the way, we optimize the file size and generate any additional sizes or formates you may need.