---
id: "concept-vibe-design"
type: "concept"
source_timestamps: ["00:08:06"]
tags: ["google", "generative-ui", "prompt-engineering"]
related: ["entity-stitch", "concept-multi-direction-design", "concept-command-line-design"]
definition: "A design approach where users describe business objectives and user feelings in natural language, which AI translates into high-fidelity UI."
sources: ["s48-markdown-design-meeting"]
sourceVaultSlug: "s48-markdown-design-meeting"
originDay: 48
---
# Vibe Design

## Definition

[[entity-stitch|Google Stitch]]'s terminology for its text-to-UI generation approach. Instead of placing components on a blank canvas, the user describes the **business objective**, **user feeling**, or **product concept** in natural language. The AI translates this 'vibe' into high-fidelity, functional UI screens.

## What 'Vibe' Captures

A vibe-style prompt typically blends:
- **Business objective** — "a checkout page that maximizes conversion"
- **User feeling** — "calm, trustworthy, premium"
- **Product concept** — "a fitness app for busy parents"

The AI infers component selection, layout, typography, color, and motion from this brief.

## Why It Matters

- Lowers the barrier from 'know Figma' to 'can articulate intent.'
- Pairs directly with [[concept-multi-direction-design]] — Stitch produces up to **5 variants** per vibe prompt so the user can compare interpretations.
- Output is editable code, feeding back into [[concept-command-line-design]].

## Mental Model

[[entity-nate-b-jones|Jones]] cautions in [[quote-magic-junior-designer]]: don't treat Stitch as a 'magic designer in a box'; treat it as a 'magic *junior* designer in a box' — fast at prototyping, but unforgiving if your intent is fuzzy.

## Related
[[entity-stitch]] · [[concept-multi-direction-design]] · [[concept-design-markdown]] · [[quote-magic-junior-designer]]