Cursor Design Mode — visual editor that applies changes to code, not a Figma replacement¶
Insight: Cursor's Design Mode bundles a DevTools-adjacent inspector with a design sidebar for visual layout/style changes, plus an "Apply" step that triggers an agent to update the codebase. The Apply step (agent converting visual edits to real code) is the genuinely new capability — browser-based CSS inspection has existed for a decade. The feature is not a replacement for design tools but a way to make visual micro-adjustments that get committed as code.
Detail: Builder.io's analysis strips away the "Figma is dead" hot takes to explain what the feature actually does. The design sidebar lets you change layout and styles visually in Cursor's browser, then an agent run converts those changes into reviewable code in your repo. Limitations in design-heavy workflows remain significant.