Loading video...

Video Failed to Load

Go Home

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

cursor_ai's profile picture

Cursor

425,193 subscribers

6,079,283 views • 6 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code
0:30

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

397,088 views • 1 month ago

MagicPath 🤝 Cursor You can now open any @magicpathai creation directly in Cursor, or download the codebase. Build some magic and ship fast! ✨
0:52

MagicPath 🤝 Cursor You can now open any @magicpathai creation directly in Cursor, or download the codebase. Build some magic and ship fast! ✨

Pietro Schirano

24,993 views • 1 year ago

Gemini Advanced now connects with GitHub, making it a more powerful coding assistant. Directly connect to public or private GitHub repos to generate/modify functions, explain complex code, ask questions about your codebase, debug and more. Click the + button in the prompt bar, select "import code" and paste the GitHub URL to get started.
0:34

Gemini Advanced now connects with GitHub, making it a more powerful coding assistant. Directly connect to public or private GitHub repos to generate/modify functions, explain complex code, ask questions about your codebase, debug and more. Click the + button in the prompt bar, select "import code" and paste the GitHub URL to get started.

Google Gemini

299,418 views • 1 year ago

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.
0:26

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Visual Studio Code

75,499 views • 1 year ago

Inspector (@tryinspector) is an AI IDE for front-end that connects browser and codebase. It lets you select elements visually and prompt changes, giving coding agents access to the same runtime context developers have: visuals, elements, and logs.
0:58

Inspector (@tryinspector) is an AI IDE for front-end that connects browser and codebase. It lets you select elements visually and prompt changes, giving coding agents access to the same runtime context developers have: visuals, elements, and logs.

Y Combinator

115,582 views • 7 months ago

Select. Ask. Solve ✅ Your coding agent can now connect directly to your active browser session. Whether it's a wonky div in the Elements panel or a failed API call, just select it and let the agent get to work →
0:23

Select. Ask. Solve ✅ Your coding agent can now connect directly to your active browser session. Whether it's a wonky div in the Elements panel or a failed API call, just select it and let the agent get to work →

Chrome for Developers

35,410 views • 6 months ago

Cursor 1.0 is out now! Cursor can now review your code, remember its mistakes, and work on dozens of tasks in the background.
1:59

Cursor 1.0 is out now! Cursor can now review your code, remember its mistakes, and work on dozens of tasks in the background.

Cursor

1,544,543 views • 1 year ago

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:
0:36

Open Design now works inside Codex. The hardest part of AI design isn’t generating one screen — it’s keeping design intent alive as you iterate, build, and ship. Now your agent can work with the canvas directly. Design → code → motion, in one workflow. Here’s a quick demo:

Open Design

466,248 views • 1 month ago

Introducing Hedra Elements. Elements lets you build scenes by combining reusable components—visually and through prompts—so you can generate consistent, remixable content at speed. Pick from our library or upload your own elements (characters, outfits, style, location) and reference them directly in prompts with tags. Stop building from scratch every time. Start creating faster and smarter. We're giving the first 100 followers who reply “HEDRA ELEMENTS” a full month of Hedra FREE. I’ll DM the code. Ready when you are.
0:42

Introducing Hedra Elements. Elements lets you build scenes by combining reusable components—visually and through prompts—so you can generate consistent, remixable content at speed. Pick from our library or upload your own elements (characters, outfits, style, location) and reference them directly in prompts with tags. Stop building from scratch every time. Start creating faster and smarter. We're giving the first 100 followers who reply “HEDRA ELEMENTS” a full month of Hedra FREE. I’ll DM the code. Ready when you are.

Hedra

831,428 views • 5 months ago

Cursor can now create new components and frontends in Figma using your team's design system.
0:25

Cursor can now create new components and frontends in Figma using your team's design system.

Cursor

634,118 views • 3 months ago

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

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

Cursor

272,189 views • 3 months ago

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

155,481 views • 2 months ago

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is
1:01

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is

Karan Vaidya

63,866 views • 1 year ago

2/5 While Clark generates with AI, you edit visually or in code using your favorite IDE like Cursor.
2:09

2/5 While Clark generates with AI, you edit visually or in code using your favorite IDE like Cursor.

Brad Menezes

22,888 views • 1 year ago

Hello! Today we're releasing Paper Desktop Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write html to Paper. • push or pull from your codebase • pull real data from anywhere • less work, more design What will you ship? Sound on 🎶
1:03

Hello! Today we're releasing Paper Desktop Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write html to Paper. • push or pull from your codebase • pull real data from anywhere • less work, more design What will you ship? Sound on 🎶

Stephen Haney

1,634,660 views • 4 months ago

MagicPath is now available as an official plugin for Cursor. Give Cursor an infinite canvas where you can view and edit interactive code, build apps that are instantly sharable. Use your local files, skills, etc. And with Composer 2.5 you can design at the speed of thought ⚡️
0:30

MagicPath is now available as an official plugin for Cursor. Give Cursor an infinite canvas where you can view and edit interactive code, build apps that are instantly sharable. Use your local files, skills, etc. And with Composer 2.5 you can design at the speed of thought ⚡️

Pietro Schirano

27,565 views • 28 days ago

Introducing the Context7 MCP – stop Cursor from generating broken, outdated code. Cursor now automatically adds: ◆ Up-to-date documentation ◆ Real code examples from official docs to your prompts - so the code it writes actually works 👇
1:36

Introducing the Context7 MCP – stop Cursor from generating broken, outdated code. Cursor now automatically adds: ◆ Up-to-date documentation ◆ Real code examples from official docs to your prompts - so the code it writes actually works 👇

Upstash

137,939 views • 1 year ago

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱
2:41

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱

Ian Nuttall

22,322 views • 1 year ago

We're introducing Codex Security. An application security agent that helps you secure your codebase by finding vulnerabilities, validating them, and proposing fixes you can review and patch. Now, teams can focus on the vulnerabilities that matter and ship code faster.
0:40

We're introducing Codex Security. An application security agent that helps you secure your codebase by finding vulnerabilities, validating them, and proposing fixes you can review and patch. Now, teams can focus on the vulnerabilities that matter and ship code faster.

OpenAI Developers

1,716,154 views • 4 months ago

Cursor breaks when your codebase gets big. Here’s how to vibe code large projects ↓
0:59

Cursor breaks when your codebase gets big. Here’s how to vibe code large projects ↓

Prajwal Tomar

40,943 views • 1 year ago