Transform, learn, liberate is a systematic guide to building web-based generative design systems with creative coding. Its main goal is to demonstrate how designers can build their own tools and become independent from pre-formatted software dictated by large corporations. The guide, which is divided into transformations, parameters, iterations, and instances, is supported by industry use cases and three generative design systems developed over the course of a year: Type Morpher, Flexible Motion Grid, and Rhythmic Glyphs. Their outputs can be dynamically generated for different applications. All systems can be easily accessed and used through the browser via tll-creativecoding.com.