Home / Tutorial · ✦ Official

Cursor's Visual Editor: Point, Prompt, and Apply

Cursor Team · Cursor Changelog ·

A walkthrough of Cursor's in-browser Visual Editor — drag-and-drop layout edits, a Figma-style inspector for spacing and typography, and the Apply step that turns visual tweaks into real JSX and Tailwind.

Publisher summary

A walkthrough of Cursor's in-browser Visual Editor — drag-and-drop layout edits, a Figma-style inspector for spacing and typography, and the Apply step that turns visual tweaks into real JSX and Tailwind.

In this article

  • Opening the Visual Editor
  • Drag-and-drop layout edits
  • The style inspector: spacing, color, type
  • Point and prompt
  • Apply: persisting edits to code

Source: Cursor Changelog

Read original Content lives on the original publisher's site.
Curated for the Cursor-Design community as a first-party reference on designing with Cursor.