Procedural Design Design for & with AI
Design
the machine
that designs
the design.
Human
Knowledge
& Intents
Machine
Understandable
& Art-directable
Computation
Procedural

Generating content and design — such as environments, scenes, animation, characters, material, architecture — computationally rather than manually.

Through data-driven simulation, controlled randomness, and intelligent systems.

Chapter One Human in
the Loop

Art-directable AI and procedural systems. The artist demonstrates design intent; the system fills in the in-betweens.

Spider-Verse Shading

Draw strokes to guide procedural cross-hatching. The system generates stylized shading that follows your artistic direction.

From strokes to landscapes…

Firewatch Color Palettes

Procedural landscape generation with art-directable color palettes. Drag to shift the time of day; the system fills in the atmosphere.

From palettes to neural styles…

Neural Style Transfer

AI transfers the visual style of one image onto the structure of another. The human selects the aesthetic; the network does the painting.

From neural painting to procedural weaving…

Procedural Spider Webs

Procedural generation meets art direction. The web's structure is algorithmically grown; its character is human-guided.

The artist doesn't abdicate control — they elevate it.

Instead of placing every mark by hand, the designer defines the rules, the aesthetic, and the boundaries. The system handles the in-betweens — freeing the human to focus on intent.

Chapter Two Exploration
at Scale

Navigate vast design spaces through generation, interpolation, and agentive exploration of form.

Procedural Planets

Generate entire worlds from a handful of parameters. Each slider controls terrain, atmosphere, and biome — exploring billions of possible planets.

From worlds to design spaces…

Grid Exploration

Multi-threaded, real-time exploration of a design parameter space. Each cell is a unique configuration — click to zoom, drag to navigate.

From grids to generative layouts…

Layout Generation

Procedural layout systems that produce coherent compositions from constraints. The designer defines the grammar; the system writes the sentences.

From layouts to letterforms…

Variable Fonts

Typography as a continuous design space. Variable font axes let you smoothly interpolate between weight, width, and optical size — infinite variations from a single file.

From type to parametric form…

Parametric Architecture

Architectural form as a function of parameters. Structural logic, material constraints, and aesthetic intent converge in a parametric exploration of space.

Design becomes navigation, not construction.

When the system can generate millions of valid designs per second, the designer's role shifts from crafting individual artifacts to defining the space of possibilities and finding the best path through it.

Chapter Three Semantic
Manipulation

Beyond direct manipulation to semantic control. We are the conductor — expressing intent, not pixel positions.

Semantic Faces

Manipulate faces through meaningful attributes — age, expression, lighting — not pixel coordinates. The latent space becomes the design canvas.

From faces to fidelity…

Lo-Fi to Hi-Fi

Sketch loosely, let the system refine. Low-fidelity input is semantically upsampled into high-fidelity output — the designer's intent preserved at every resolution.

From fidelity to atmosphere…

Semantic Lighting

Control a 3D scene's mood through semantic descriptors. Say "golden hour" or "dramatic" — the system translates intent into physically-based light parameters.

From light to motion…

Semantic Animation

Animate through meaning, not keyframes. Describe a character's emotional arc — the system generates the motion that embodies it.

From motion to programmatic color…

Programmatic Color

Color as a semantic system, not individual swatches. Define relationships, harmonies, and rules — the system maintains coherence across any palette.

We become conductors,
not pixel-pushers.

Semantic manipulation inverts the relationship between designer and tool. Instead of specifying "how," we express "what" — and the system translates intent into execution.

Chapter Four Participatory
Design

Design at runtime. Simulation-based systems where emergent behaviors shape the outcome beyond the designer's direct involvement.

From Specification to Simulation

Products used to ship as a fixed output — the design team explored all the parameters behind the scenes, then locked them down. With AI, those parameters and controls ship as part of the product itself. The product boundary expands to include its own design tools.

From specification to emergence…

Emergent Behaviors

Simple rules, complex outcomes. Agent-based systems where individual behaviors produce collective intelligence — flocking, foraging, self-organization.

From emergence to the full spectrum…

The Animation Spectrum

From purely procedural to AI-driven — the evolving relationship between human control, physics simulation, machine learning, and creative expression.

Art challenges technology,
and technology inspires the art.

The boundary between designer and system dissolves. What remains is a conversation — an ongoing negotiation between human intent and computational possibility.