Loading video...

Video Failed to Load

Go Home

Introducing Design Mode for Cursor! 🧑‍🎨🤖 Vibe code and vibe design in one place, stay in the flow. Uses the same existing AI agent that's in your favorite coding tool, same context, intertwined.

858,543 views • 1 year ago •via X (Twitter)

11 Comments

Tom Krcha's profile picture
Tom Krcha1 year ago

Built from the ground for all the generalists / vibe coders out there. Goal is fully extensible and open for everyone to build on top. Works for Windsurf/VSCode too! Let me know if you want to try!

Coral AI News's profile picture
Coral AI News1 year ago

Coral AI is the most powerful AI for documents. See the difference yourself:

CK - AI Designer's profile picture
CK - AI Designer1 year ago

I guess it's unclear what it is? What does it output? Design files or code like Windsurf/Cursor? The prompt you entered, I can enter in Cursor now, and get a page designed :-)

Tom Krcha's profile picture
Tom Krcha1 year ago

It produces a design file, which you can fully alter on the canvas and then you can generate code (React, CSS) whatever. It also works backwards, you can generate design from code. You can also just design something from the scratch directly in Cursor.

Miguel Martins's profile picture
Miguel Martins1 year ago

so we are vibedesigning now?

Tom Krcha's profile picture
Tom Krcha1 year ago

basically :) vibecreating! All in one!

Jon Saxton's profile picture
Jon Saxton1 year ago

@xAtomTeam so I've got this crazy idea

Reuben's profile picture
Reuben1 year ago

how can I try this?👀

Tom Krcha's profile picture
Tom Krcha1 year ago

soon!

Allan Leinwand's profile picture
Allan Leinwand1 year ago

🥳 love this! vibe designing is very cool - now combine it with @webflow MCP and... boom! 🚀

Goldkey's profile picture
Goldkey1 year ago

I want to try!

Related Videos