An animated video about Generative Design

Together with Lunia D'Ambrosio

This explainer video aims to give a five minute introduction to generative design in the graphic design practice. It is an attempt at a brief answer to the question: Where does generative design come from and what could be the value for graphic designers?

↓ go to full video

Pixel lettering for the title cards

  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I
  • L
  • N
  • O
  • P
  • R
  • S
  • T
  • U
  • V

The footage for the video was created through screen­shots and screen­recordings of macOS, various app UIs and many coded examples (using HTML/CSS, Javascript and p5.js), some of which you can see here:

Designed to match Recursive, see bottom


Example for generating variations of a basic logo

See the pen Logo variations by @generativedesign on CodePen.

Example for an inter­active version of the logo

See the pen Logo user interaction by @generativedesign on CodePen.

Generative Design – What is it and how can we use it as designers?