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.
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.
foundation-brand-ai - A simple demonstration of how to import brand-ai generated scss files via gulp and integrate into…github.com
Tomorrow I will discuss some of the benefits of using a system like this on your own project.
Originally published at James Stone.