Cursor just dropped Visual Editor—and it’s basically vibe coding for designers.

The $30 billion AI coding startup now lets designers edit web apps directly in code, with the same fine-grained controls they’d expect from Figma. A traditional design panel handles fonts, buttons, menus, and backgrounds. But here’s the twist: a chat interface accepts natural language requests like “make this button’s background color red,” and Cursor’s AI agent applies those changes straight into the codebase.

The bigger play? Cursor is blurring the line between design and development. “Designers used to live in their own world of pixels and frames,” says head of design Ryo Lu. “We kind of melded the design world and the coding world together into one interface with one AI agent.”

Visual Editor sits on top of Cursor’s built-in browser, which means you can point it at any live site—even ones you don’t own—and inspect the design system. Fonts, color tokens, spacing variables: all surfaced instantly. The WIRED demo showed Cursor pulling up their entire design system just by loading the homepage.

This comes as Cursor faces heat from OpenAI, Anthropic, and Google—all investing heavily in AI coding tools. Anthropic’s Claude Code hit $1 billion ARR in just six months. Cursor’s response: expand beyond developers and own the entire software creation workflow.

Designers who code—or want to—this one’s for you.

Source: Click Here