AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Navigation

Contextual AI Suggestions

Surface relevant AI actions based on where someone is and what they are editing, such as summarize here or generate on a canvas. Keep suggestions inline and dismissible. Never cover the content being edited.

Interactive demo

Contextual AI Suggestions

Overview

How might we design contextual ai suggestions so people can trust and act on AI output?

When to use

  • Ideal for complex applications, design tools, and productivity platforms where contextual AI suggestions improve feature discovery and workflow efficiency.

When to skip

  • Context too ambiguous to suggest safely.
  • Suggestions on every keystroke causing jitter.
  • Actions that need explicit user data consent first.

Rules

  • Same three suggestions regardless of selection.

  • Suggestion chip covering the text being edited.

  • No keyboard path to accept or ignore.

  • Running expensive AI on every hover.

Evidence

ProductImplementation
FigmaAI actions on selected frames and text layers.
CursorComposer suggestions based on open files and selection.
NotionAsk AI on highlighted blocks and databases.
LinearIssue summarize and triage prompts in context.

FAQ

How pick which actions to show?

Map selection type and app surface to a small ranked list, max three visible.

Contextual suggestions vs nudge?

Suggestions are actionable AI tasks. Nudges are lighter educational hints.

Latency?

Show chips instantly from rules; defer heavy ranking if needed.

Dismiss memory?

Do not resurface dismissed actions for that context in the session.