Empty State

What a screen shows when there’s no content yet — a first-run, cleared, or error state — used to orient, reassure, and guide the user toward a next step.

Why it matters

It is the first thing every new user sees, before they have any content. Left undesigned, their first impression of the product is that something broke.

See it

The same nothing, twice — one line about what will appear here, and the action that puts it there.

Measured by the Figma plugin

List-like containers with nothing inside are flagged before a user ever meets the blank.

Put the coach in your canvas

Related terms

Ask your assistant

Define "Empty State" using uxspot.

Works in Claude, Cursor or any MCP client — connect the uxspot MCP.

Think it stuck? A 20-second round of Spot Check will tell you.