Cursor 瀏覽器視覺編輯器 — 實時應用的設計模式
Cursor Team · Cursor Blog ·
Cursor 官方視覺編輯器將瀏覽器內預覽轉變為設計界面：跨 DOM 的拖放版面編輯、Figma 風格的檢查器（用於間距、顏色、排版和設計令牌）、React 狀態切換，以及代理程式提交回真實代碼的指點與提示流程。
發布者摘要
The visual editor brings web app, codebase, and visual editing into one window — edit your live app directly, then let the agent persist the changes as real, reviewable code.
文章結構
- Drag-and-drop layout editing across the DOM tree
- Visual style controls: spacing, color, typography, shadows, radius
- Design tokens and design-system integration
- React component state testing (loading, error, disabled)
- Point and prompt: describe a change in natural language
- The Apply step: client-side overrides become real code
Source: Cursor Blog
閱讀原文 ↗ 內容託管在原發布者的網站上。
由 Cursor-Design 社群精選，作為用 Cursor 做設計的第一手參考。