From the lab: Brand.ai + ZURB Foundation Integration

Services like Brand.ai provide a great way to bootstrap your process. You can start building out a functional design systems engineering process fast. It provides a easy to use web interface for managing colors, fonts and graphic assets.

One of its most interesting features is that it can generate a variety of files to use your color tokens in, including Sass.

Here is an example of the export screen.

Image

This means you can output specific token files that can be used in you Sass build process for the web. You can also load it via JSON for your front-end framework. You can also create a set of imports for your current (or future) iOS and Android apps.

Here is a quick link to the repo.

Tomorrow I will discuss some of the benefits of using a system like this on your own project.


Originally published at James Stone.

Like what you read? Give James Stone a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.