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 做设计的一手参考。