Cursor adds AI for visual design: clicks instead of code

Cursor has unveiled an updated Design Mode for the browser. You can now click directly on interface elements, draw on the page with a marker or describe changes by voice, and an AI agent automatically finds the relevant code in the project and edits it. Everything runs on the Composer 2.5 model, which specializes in fast UI changes. Results appear instantly thanks to real-time reload, which makes iterative development much more convenient.

AI-processed from Cursor Blog; edited by Hamidun News
Cursor adds AI for visual design: clicks instead of code
Source: Cursor Blog. Collage: Hamidun News.
Listen to article

Cursor has launched a new AI-agent design mode that edits the interface on the fly: instead of writing code, you can click elements in the browser, draw the changes you want or speak them aloud, and the agent updates the source code right away.

How do you use Design Mode in Cursor?

There are four ways: click an element and give a short prompt, draw on the page, say aloud what needs to change, or type a command. The AI agent rewrites the code automatically.

Story
ZK
Zhemal Khamidun — CPO at Alpina Digital, product manager of AlpinaGPT. Building AI products since 2019. Hamidun News is a pet project that grew into a production aggregator with 6,000+ readers.
✦ Hands-On AI Engineering · Hamidun Academy

Build & Ship Production AI Agents Without Boilerplate Code

Start your free 72-hour trial at Hamidun Academy (academy.hamidun.com) — interactive lessons on Claude Code & Cursor, live Tech Radar, and production agent templates.

Start 72h Free Trial →Vibe-Coding Intensive
What do you think?
Loading comments…