---
title: "What Is the Design Stage? Flows and Screens | ProductOS"
description: "The Design stage turns a PRD into user flows, screen specs, and a production-ready design system. See how ProductOS keeps design from dying in handoff."
url: https://productos.dev/how-it-works/design
---

Stage 04 of 5 · PDLC: Design

# What is the Design stage?

By [Heemang Parmar](https://productos.dev/blog/authors/heemang-parmar) · Updated July 2026

Design is the stage where the defined product becomes user flows, screen specifications, and a production-ready design system, so what gets built looks intentional rather than generated.

Design in a product pipeline is not decoration; it is the translation layer between requirements and code. When it is skipped or rushed, engineering improvises the interface and the product reads as generic.

In ProductOS, two agents share the stage. The Design Agent reads the concept, research, and PRD and produces user flows and screen specs for the product you actually defined. The Design System Agent builds the canonical tokens, components, and DESIGN.md brief from your locked brand, with real dark and light previews before any product code exists. Downstream code is built on those exact tokens.

## Which agents run the Design stage?

[Design Agent UI/UX: flows and screen specs from the spec](https://productos.dev/agents/design-agent) [Design System Agent Tokens, components, and previews from your brand](https://productos.dev/agents/design-system-agent)

## How does the Design stage work?

1. 1

**Brand locked:** Palette, type, and direction are settled first, automatically or guided.
2. 2

**System built:** The Design System Agent produces tokens, components, and DESIGN.md with live previews.
3. 3

**Flows and screens:** The Design Agent specs the user flows and screens against the PRD.
4. 4

**Handoff without loss:** The Develop stage builds on the same tokens and specs, screen for screen.

## What does the Design stage produce?

- User flows and per-screen specifications
- A design system: tokens, components, DESIGN.md
- Dark and light HTML previews of the system

## Frequently asked questions

### Can I bring my own brand?

Yes. Upload brand assets and lock your direction, and the design system is generated from it. If you have no brand yet, the pipeline generates palette, font pairing, and mood board options to choose from.

### What stops the design from dying in handoff?

There is no handoff in the traditional sense. The coding agent reads the same design system tokens and screen specs the Design stage produced, so the shipped screens are the approved screens.

[AI UX design](https://productos.dev/features/ai-ux-design) [Meet the Design System Agent](https://productos.dev/agents/design-system-agent)

[Previous stage Define](https://productos.dev/how-it-works/define) [Next stage Develop](https://productos.dev/how-it-works/develop)

[The whole pipeline](https://productos.dev/how-it-works)