In this tutorial I’m going to show you how to generate CSS variables with Avocode 3. We’ll be using a design which has been imported from a design application like Adobe XD, or Sketch.

Avocode 3 can actually generate variables for preprocessors (Sass, LESS, Stylus etc.) but for the sake of simplicity we’re going to be working with native CSS variables. We’ll create variables for our design’s colors, typography, and some layout options. These are the aspects of our final product which we’re likely to want to change sometimes (it wouldn’t be very efficient to create variables for everything).

Find out more with the complete written tutorial at Envato Tuts+: https://webdesign.tutsplus.com/tutorials/how-to-generate-css-variables-with-avocode-3--cms-31837?utm_campaign=yt_tutsplus_tvyzHaQIz_k&utm_medium=referral&utm_source=youtube.com&utm_content=description