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

Inputs

Magic Edit

Transform a selected span via contextual actions such as rewrite, shorten, or fix tone without leaving the editor. The selection is the prompt boundary.

Interactive demo

That meeting was okay.

Overview

How might we design magic edit so people can trust and act on AI output?

When to use

  • Perfect for writing tools, content editors, and document applications where inline text transformation improves the editing workflow.

When to skip

  • Blank documents where there is no selection to transform.
  • Structured fields where freeform rewrite would break validation.
  • Codebases that need diff review more than inline magic (use smart diff).

Rules

  • Replacing selection with no undo or version.

  • Actions that rewrite far beyond the selection without warning.

  • Menus with a dozen vague verbs and no preview.

  • Running edits on the whole doc when only a sentence was selected.

Evidence

ProductImplementation
NotionAI rewrite and improve actions on selected blocks.
Google DocsHelp me write and refine on selected text.
Microsoft WordCopilot rewrite controls on highlighted passages.
GrammarlyInline rewrite suggestions for selected sentences.

FAQ

What is magic edit in AI writing UX?

Magic edit applies AI transforms to the current selection (rewrite, shorten, expand, fix grammar) inside the editor chrome.

Should magic edit show a preview?

Yes when the change is large or irreversible. For tiny grammar fixes, inline accept/dismiss can be enough.

How does it differ from tone sliders?

Tone sliders set style for generation. Magic edit applies a transform to existing selected content.

What belongs in the action menu?

A short list of high-value verbs plus custom instruction. Long laundry lists slow people down.