---
title: "Programming Design Systems"
description: "Free interactive book teaching graphic design fundamentals — colour, shape, typography, grids — through executable code examples."
canonical: "https://vibing.inc/library/programming-design-systems-vg-1204"
category: "Learning & Craft"
subcategory: "3D & WebGL learning"
license: "free"
author: "Rune Madsen (@runemadsen)"
source: "https://programmingdesignsystems.com/"
---

# Programming Design Systems
Free interactive book teaching graphic design fundamentals — colour, shape, typography, grids — through executable code examples.
## Facts
- Source: https://programmingdesignsystems.com/
- Category: Learning & Craft / 3D & WebGL learning
- Author: Rune Madsen (@runemadsen)
- Licence: free
- Tags: design, generative, book, typography
## Why it's a gem
The bridge between graphic-design theory and generative code, and it's free
---
Listed in The Vibeary: https://vibing.inc/library/programming-design-systems-vg-1204 · JSON: https://vibing.inc/api/public/library/gems/programming-design-systems-vg-1204