Photoshop
Figma
Sketch
v0
Framer

From PSDto Prompt

The rise, dominance, and decline of influential design tools across eras

A motion-driven journey through the software that shaped how designers built websites and apps — from the handmade web to AI-assisted creation.

Scroll to explore

Design tools are not just software.
They are cultural artifacts.

Every era of digital making has been shaped by the tools designers reached for. Each tool carried assumptions about what design was, who did it, and how it should be done.

This is not a history of market share.
This is a story of cultural dominance — of tools that defined how a generation thought about making things for screens.

Chapter 1

1990s

The Handmade Web

This era was about building the web itself. Design and development were still close together. The internet felt open, handmade, and weird. Pages were assembled by hand, table by table, pixel by pixel.

The early web was handmade, experimental, and constrained

The web starts moving from hand-built pages toward more polished, graphic-heavy interface design.

Chapter 2

2000s

The PSD Empire

Photoshop becomes the center of interface culture. Fireworks emerges as the web designer's favorite. Flash turns the web into a stage for motion, immersion, and spectacle. Agencies rule, and every pixel is perfect.

Static comps, slicing, polished interfaces, and the age of Photoshop dominance

Static comps and disconnected handoff workflows create pressure for lighter, more interface-native tools.

Chapter 3

Early 2010s

UX Gets Formalized

Screen design starts moving out of Photoshop. Sketch feels like the future. Wireframing, flows, and prototyping become explicit parts of the design process. Mobile-first thinking reshapes everything.

Product design becomes more structured, mobile changes priorities, prototyping expands

Design becomes more collaborative, but the stack is fragmented across multiple apps.

Chapter 4

Late 2010s

The Multiplayer Canvas

The workflow shifts from isolated files to shared environments. Design systems mature. Multiple tools try to patch versioning, comments, prototyping, and handoff — then Figma starts collapsing the stack.

Collaboration, systems, libraries, handoff, and connected workflows

The idea of design expands beyond files into systems, collaboration, and increasingly production-adjacent workflows.

Chapter 5

2020s — Present

From Canvas to Prompt

The boundary between designer and builder gets thinner. The workflow is no longer just mockup to handoff. Tools now support prototyping, publishing, collaboration, code generation, and AI-assisted iteration.

Design, code, publishing, and AI-assisted making start blending together
Now / Next

The story is still
being written

The distance between idea and execution keeps collapsing. Prompts become interfaces. Code becomes conversation. The canvas becomes the product.

Prompt
Canvas
Code
AI
Publish
Iterate

The question is no longer "what tool comes next?"

It's: what does designing become when the distance between idea and execution keeps collapsing?