Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.

cursor_ai's profile picture

Cursor

386,729 subscribers

270,750 görüntüleme • 2 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

This Cursor Extension is awesome Accurate tweaking of UI was always a struggle, But stagewise allows you to bring full context to Cursor, just point and command: 1. Directly choose specific elements in browser 2. Send to Cursor with full context And it's open source
4:24

This Cursor Extension is awesome Accurate tweaking of UI was always a struggle, But stagewise allows you to bring full context to Cursor, just point and command: 1. Directly choose specific elements in browser 2. Send to Cursor with full context And it's open source

Jason Zhou

93,273 görüntüleme • 1 yıl önce

Frontend coding may be dead with this new ability with Cursor AI ☠️ Just watched it build a complete Stripe pricing page clone in 4 minutes The workflow is insane: 1) Turn on browser mode in chat 2) Provide your localhost link + target page 3) Boom, done Full responsive design, proper styling, interactive elements - everything This is getting ridiculous...
0:49

Frontend coding may be dead with this new ability with Cursor AI ☠️ Just watched it build a complete Stripe pricing page clone in 4 minutes The workflow is insane: 1) Turn on browser mode in chat 2) Provide your localhost link + target page 3) Boom, done Full responsive design, proper styling, interactive elements - everything This is getting ridiculous...

corbin

66,831 görüntüleme • 7 ay önce

cursor design mode + remotion is actually insane everything in remotion is code, so you can annotate changes directly on the video and cursor just updates it. having a lot of fun with this here's 15 minutes of me improving the agent swarm video
3:04

cursor design mode + remotion is actually insane everything in remotion is code, so you can annotate changes directly on the video and cursor just updates it. having a lot of fun with this here's 15 minutes of me improving the agent swarm video

eric zakariasson

154,940 görüntüleme • 1 ay önce

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!
0:24

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Lee Robinson

216,065 görüntüleme • 7 ay önce

When should you use Design mode vs App mode in Replit? Here’s the difference in under 60 seconds ⚡ Design = fast UI & layout App = logic, features, real functionality Learn more in the docs:
0:43

When should you use Design mode vs App mode in Replit? Here’s the difference in under 60 seconds ⚡ Design = fast UI & layout App = logic, features, real functionality Learn more in the docs:

Replit ⠕

46,400 görüntüleme • 3 ay önce

you can use the browser in cursor to watch tiktok while your agents work!
0:57

you can use the browser in cursor to watch tiktok while your agents work!

Rhys

152,932 görüntüleme • 3 ay önce

You can now design directly in your codebase. Select elements, modify them visually, and Cursor writes the code.
2:05

You can now design directly in your codebase. Select elements, modify them visually, and Cursor writes the code.

Cursor

6,075,185 görüntüleme • 6 ay önce

Introducing: Vibetest-use MCP - automated QA using Browser-Use 🧨 In just one line👀 ⇢ 10+ browser-use agents spin up in parallel ⇢ crawl your dev site in < 60s ⇢ flag every 404, dead button & UI glitch Runs out-of-the-box in Cursor, Claude Code & Codex (soon?). 100% Open Source. Unleash the swarm ↓
0:38

Introducing: Vibetest-use MCP - automated QA using Browser-Use 🧨 In just one line👀 ⇢ 10+ browser-use agents spin up in parallel ⇢ crawl your dev site in < 60s ⇢ flag every 404, dead button & UI glitch Runs out-of-the-box in Cursor, Claude Code & Codex (soon?). 100% Open Source. Unleash the swarm ↓

Browser Use

132,820 görüntüleme • 1 yıl önce

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.
1:27

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

OpenAI Developers

190,288 görüntüleme • 11 saat önce

Thanks to Cursor I've rewrite in 2 hours. It parses the README file automatically and builds the UI with cool UX and the dark mode option.
0:36

Thanks to Cursor I've rewrite in 2 hours. It parses the README file automatically and builds the UI with cool UX and the dark mode option.

fatih kadir akın

29,159 görüntüleme • 1 yıl önce

We added a device tool bar to the Codex in-app browser, so it's easier to build and test responsive apps! Now, you can have Codex test your app in different dimensions, so it can fix bugs & improve UI for every device. Just click the 3 dots on the right of the URL bar to use it! As part of this change, we also: - improved the speed of browser use (~30% in my vibe testing) - tightened the animation of the cursor - added a way to hide the composer in full screen mode - fixed a few bugs for browser use in Windows Oliver Tepman and John Nastos cooked on this one! Try it out and let us know what you think!
0:25

We added a device tool bar to the Codex in-app browser, so it's easier to build and test responsive apps! Now, you can have Codex test your app in different dimensions, so it can fix bugs & improve UI for every device. Just click the 3 dots on the right of the URL bar to use it! As part of this change, we also: - improved the speed of browser use (~30% in my vibe testing) - tightened the animation of the cursor - added a way to hide the composer in full screen mode - fixed a few bugs for browser use in Windows Oliver Tepman and John Nastos cooked on this one! Try it out and let us know what you think!

James Sun

147,838 görüntüleme • 1 ay önce

Introducing Annotate mode ✏️ while you vibe code in Google AI Studio, mark up any UI with simple drawing tools and then have Gemini action them directly in the code!
0:54

Introducing Annotate mode ✏️ while you vibe code in Google AI Studio, mark up any UI with simple drawing tools and then have Gemini action them directly in the code!

Logan Kilpatrick

251,804 görüntüleme • 7 ay önce

Used the updated Build Web Apps plugin that uses GPT-Image-2 to design a UI and assets to recreate Windows 3.1 incl. a virtual filesystem for the MS-DOS prompt. Naturally the next step was to use Browser Use to interact with it and play Minesweeper 😂 Note: Once the cursor is starting to move the video is unedited
1:20

Used the updated Build Web Apps plugin that uses GPT-Image-2 to design a UI and assets to recreate Windows 3.1 incl. a virtual filesystem for the MS-DOS prompt. Naturally the next step was to use Browser Use to interact with it and play Minesweeper 😂 Note: Once the cursor is starting to move the video is unedited

dominik kundel

37,219 görüntüleme • 1 ay önce

you can now share canvases in cursor! also, you can use design mode to make sniper edits in your canvases. very in flow with the speed of composer 2.5 here's a paperclipmaxxing canvas i just built and shared using slack mcp
0:38

you can now share canvases in cursor! also, you can use design mode to make sniper edits in your canvases. very in flow with the speed of composer 2.5 here's a paperclipmaxxing canvas i just built and shared using slack mcp

eric zakariasson

37,107 görüntüleme • 15 gün önce

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.
0:50

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.

Tom Krcha

858,450 görüntüleme • 1 yıl önce

Design Mode for Cursor Introducing a new way to design right where you code.
0:59

Design Mode for Cursor Introducing a new way to design right where you code.

Tom Krcha

360,257 görüntüleme • 8 ay önce

Today we're launching the easiest way to use: Claude Code Codex w/ GPT-5 Gemini Cli Cursor Agent And more (soon) In the browser. With one subscription. @vibe_terminal
1:39

Today we're launching the easiest way to use: Claude Code Codex w/ GPT-5 Gemini Cli Cursor Agent And more (soon) In the browser. With one subscription. @vibe_terminal

Riley Brown

134,472 görüntüleme • 9 ay önce

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:
1:58

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:

Jason Zhou

78,413 görüntüleme • 6 ay önce

Today we are rolling out edit mode in AI Studio Vibe Coding ✏️, select components to quickly edit them, annotate right on the UI with a pen, and select image assets to change them with Nano Banana + upload content!
0:39

Today we are rolling out edit mode in AI Studio Vibe Coding ✏️, select components to quickly edit them, annotate right on the UI with a pen, and select image assets to change them with Nano Banana + upload content!

Logan Kilpatrick

135,284 görüntüleme • 1 ay önce

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js
0:50

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

James Almeida 🌐

76,092 görüntüleme • 1 yıl önce