Back to videos

Cursor

A new visual editor: design directly in your codebase

Platform
YouTube
Length
2:05
Spoken language
American English
Views
104.2K
Median cut
3.30s
Face on screen
45%
Dark frames
0%
Cursor A new visual editor: design directly in your codebase at 0:00medium presenter
CursorA new visual editor: design directly in your codebase
0:00
Cursor A new visual editor: design directly in your codebase at 0:08
CursorA new visual editor: design directly in your codebase
0:08
Cursor A new visual editor: design directly in your codebase at 0:11medium presenter
CursorA new visual editor: design directly in your codebase
0:11
Cursor A new visual editor: design directly in your codebase at 0:15medium presenter
CursorA new visual editor: design directly in your codebase
0:15
Cursor A new visual editor: design directly in your codebase at 0:18close presenter
CursorA new visual editor: design directly in your codebase
0:18
Cursor A new visual editor: design directly in your codebase at 0:18medium presenter
CursorA new visual editor: design directly in your codebase
0:18
Cursor A new visual editor: design directly in your codebase at 0:19medium presenter
CursorA new visual editor: design directly in your codebase
0:19
Cursor A new visual editor: design directly in your codebase at 0:20
CursorA new visual editor: design directly in your codebase
0:20
Cursor A new visual editor: design directly in your codebase at 0:20
CursorA new visual editor: design directly in your codebase
0:20
Cursor A new visual editor: design directly in your codebase at 0:21
CursorA new visual editor: design directly in your codebase
0:21
Cursor A new visual editor: design directly in your codebase at 0:27
CursorA new visual editor: design directly in your codebase
0:27
Cursor A new visual editor: design directly in your codebase at 0:28medium presenter
CursorA new visual editor: design directly in your codebase
0:28
Cursor A new visual editor: design directly in your codebase at 0:31
CursorA new visual editor: design directly in your codebase
0:31
Cursor A new visual editor: design directly in your codebase at 0:34medium presenter
CursorA new visual editor: design directly in your codebase
0:34
Cursor A new visual editor: design directly in your codebase at 0:35close presenter
CursorA new visual editor: design directly in your codebase
0:35
Cursor A new visual editor: design directly in your codebase at 0:35close presenter
CursorA new visual editor: design directly in your codebase
0:35
Cursor A new visual editor: design directly in your codebase at 0:36
CursorA new visual editor: design directly in your codebase
0:36
Cursor A new visual editor: design directly in your codebase at 0:39
CursorA new visual editor: design directly in your codebase
0:39
Cursor A new visual editor: design directly in your codebase at 0:41
CursorA new visual editor: design directly in your codebase
0:41
Cursor A new visual editor: design directly in your codebase at 0:43
CursorA new visual editor: design directly in your codebase
0:43
Cursor A new visual editor: design directly in your codebase at 0:46
CursorA new visual editor: design directly in your codebase
0:46
Cursor A new visual editor: design directly in your codebase at 0:47
CursorA new visual editor: design directly in your codebase
0:47
Cursor A new visual editor: design directly in your codebase at 0:49medium presenter
CursorA new visual editor: design directly in your codebase
0:49
Cursor A new visual editor: design directly in your codebase at 0:50
CursorA new visual editor: design directly in your codebase
0:50
Cursor A new visual editor: design directly in your codebase at 0:53
CursorA new visual editor: design directly in your codebase
0:53
Cursor A new visual editor: design directly in your codebase at 1:00medium presenter
CursorA new visual editor: design directly in your codebase
1:00
Cursor A new visual editor: design directly in your codebase at 1:03
CursorA new visual editor: design directly in your codebase
1:03
Cursor A new visual editor: design directly in your codebase at 1:06
CursorA new visual editor: design directly in your codebase
1:06
Cursor A new visual editor: design directly in your codebase at 1:07
CursorA new visual editor: design directly in your codebase
1:07
Cursor A new visual editor: design directly in your codebase at 1:14
CursorA new visual editor: design directly in your codebase
1:14
Cursor A new visual editor: design directly in your codebase at 1:15
CursorA new visual editor: design directly in your codebase
1:15
Cursor A new visual editor: design directly in your codebase at 1:17close presenter
CursorA new visual editor: design directly in your codebase
1:17
Cursor A new visual editor: design directly in your codebase at 1:20medium presenter
CursorA new visual editor: design directly in your codebase
1:20
Cursor A new visual editor: design directly in your codebase at 1:29close presenter
CursorA new visual editor: design directly in your codebase
1:29
Cursor A new visual editor: design directly in your codebase at 1:30close presenter
CursorA new visual editor: design directly in your codebase
1:30
Cursor A new visual editor: design directly in your codebase at 1:33
CursorA new visual editor: design directly in your codebase
1:33
Cursor A new visual editor: design directly in your codebase at 1:34
CursorA new visual editor: design directly in your codebase
1:34
Cursor A new visual editor: design directly in your codebase at 1:38
CursorA new visual editor: design directly in your codebase
1:38
Cursor A new visual editor: design directly in your codebase at 1:41medium presenter
CursorA new visual editor: design directly in your codebase
1:41
Cursor A new visual editor: design directly in your codebase at 1:47
CursorA new visual editor: design directly in your codebase
1:47
Cursor A new visual editor: design directly in your codebase at 1:50
CursorA new visual editor: design directly in your codebase
1:50
Cursor A new visual editor: design directly in your codebase at 1:54
CursorA new visual editor: design directly in your codebase
1:54
Cursor A new visual editor: design directly in your codebase at 1:56wide presenter
CursorA new visual editor: design directly in your codebase
1:56
Cursor A new visual editor: design directly in your codebase at 1:58close presenter
CursorA new visual editor: design directly in your codebase
1:58
Cursor A new visual editor: design directly in your codebase at 2:02close presenter
CursorA new visual editor: design directly in your codebase
2:02
Cursor A new visual editor: design directly in your codebase at 2:02
CursorA new visual editor: design directly in your codebase
2:02

Transcript of A new visual editor: design directly in your codebase

Transcribed by a speech model from the film's own audio, not written by the brand. Click any line to jump the film to that moment.

  1. 0:00Honestly, I do a lot of my design work in code because to me it's like working with clay.
  2. 0:04You kind of have to feel out the different things going on to even understand what the right solution is.
  3. 0:11I'm Jason, I work on the product at Cursor.
  4. 0:13I'm Rio, I work on design.
  5. 0:14I'd love to show you some of the new stuff we've been working on for the browser.
  6. 0:18Let's go, let's go.
  7. 0:19All you need to do is navigate to browser tab inside of Cursor,
  8. 0:24select an element, and you can start making changes to your site directly.
  9. 0:28If you want to actually like rearrange the layout of something just purely visually, you can now drag and drop.
  10. 0:34Oh, let's try to center this thing.
  11. 0:36Yeah, centering divs can be a bit of a pain.
  12. 0:38So yeah, all you need to do is just click on the alignment here, apply, and an agent will kick off to make those changes.
  13. 0:49Pretty good.
  14. 0:50Everything is connected to your code base.
  15. 0:51So if you want to change a font, you can easily use your existing font selection or use color tokens from your design system.
  16. 1:00We also make it really easy to tweak layouts.
  17. 1:03If you'd like to see this grid be vertical and not just horizontal, you just click on the grid selection,
  18. 1:09change the layout, add a max width, and center it inside of its parent container.
  19. 1:17So you can just click on the thing, talk to it, and iterate.
  20. 1:20Right, exactly. And I think iteration is just so key to building software that
  21. 1:24doesn't just help you test things and experiment things, it helps you actually
  22. 1:28make a better product. Yeah, as I play with it, I come up with better ideas and I
  23. 1:32keep going at it. If you'd like to make changes on a direct element, you can also
  24. 1:36select it and kick off another agent to run on it. I just feel like for so long
  25. 1:43design and engineering have been seen as like two separate disciplines or two
  26. 1:46separate people and with this new tool we're able to combine both so that you
  27. 1:51can iterate not just on your designs but on the actual product you're working on
  28. 1:55visually. It's not about I'm a designer I'm an engineer. We were forced to make a
  29. 2:00decision but then now we don't have to.
29 lines · 400 words

More from Cursor

All of Cursor →

The rest of their work we have taken apart.

Origin, our code hosting platform, is now live. It's fast, easy to u...26M views
Cursor
Origin, our code hosting platform, is now live. It's fast, easy to u...
0:3115 frames7.2s cut0% face
Introducing Cursor 2.0Launch9.5M views
Cursor
Introducing Cursor 2.0
1:0423 frames0% face
Introducing Cursor for iOS. Build from anywhere by launching always-...Launch6.5M views
Cursor
Introducing Cursor for iOS. Build from anywhere by launching always-...
1:1445 frames2.5s cut44% face
Cursor now shows you demos, not diffs. Agents can use the software t...4.1M views
Cursor
Cursor now shows you demos, not diffs. Agents can use the software t...
1:4287 frames1.0s cut44% face
Introducing Cursor 2.0. Our first coding model and the best way to c...Launch3.6M views
Cursor
Introducing Cursor 2.0. Our first coding model and the best way to c...
1:0422 frames0% face

Cut at the same speed

Films whose median shot runs closest to 3.30s.

A breakthrough in real-time video generation. As a research preview ...1.2M views
Runway
A breakthrough in real-time video generation. As a research preview ...
0:5529 frames3.3s cut48% face
this is actually kinda sickLaunch374K views
Marc Benioff
this is actually kinda sick
2:10129 frames3.3s cut67% face
Bland - Today, we’re announcing that we’ve closed our Series C and raised $10...Launch2.3M views
Bland
Bland - Today, we’re announcing that we’ve closed our Series C and raised $10...
1:0638 frames3.3s cut76% face
Create Interactive AMP Emails With Mailmodo18K views
Mailmodo
Create Interactive AMP Emails With Mailmodo
1:3050 frames3.3s cut32% face
REDMI K30S Trailer Commercial Official Video HD | REDMI K30S 5G (Re-uploaded)6K views
Argus World Plus
REDMI K30S Trailer Commercial Official Video HD | REDMI K30S 5G (Re-uploaded)
0:3018 frames3.3s cut0% face
Introducing ScoutLaunch1K views
Giga AI
Introducing Scout
2:37138 frames3.3s cut36% face
Introducing our V1 Video Model. It's fun, easy, and beautiful. Availa...Launch2.0M views
Midjourney
Introducing our V1 Video Model. It's fun, easy, and beautiful. Availa...
2:24214 frames3.3s cut25% face
The Collective Brain: How Baseten Thinks Together With Notion2K views
Notion
The Collective Brain: How Baseten Thinks Together With Notion
1:0037 frames3.3s cut57% face
Meet Ramp: A smart finance operations platform that saves you time and moneyLaunch
Ramp
Meet Ramp: A smart finance operations platform that saves you time and money
2:3854 frames3.3s cut0% face
What’s your favorite scary movie?8.2M views
Figma
What’s your favorite scary movie?
2:32216 frames3.3s cut80% face
Introducing Claude Design by Anthropic LabsLaunch875K views
Claude
Introducing Claude Design by Anthropic Labs
1:2240 frames3.3s cut0% face
Introducing connectors, our new MCP client in Figma Make → Connect e...Launch182K views
Figma
Introducing connectors, our new MCP client in Figma Make → Connect e...
0:4026 frames3.3s cut0% face

Lit and framed like this

Closest on how much of the running time has a face in it and how dark the frames are.

Why are hyperlinks blue?7.6M views
a16z
Why are hyperlinks blue?
0:2222 frames1.1s cut45% face
Statues said "Time to slay again." Made with Ray3 in Dream Machine.37K views
Luma
Statues said "Time to slay again." Made with Ray3 in Dream Machine.
0:1111 frames1.4s cut45% face
introducing Seedance Effects. our new library lets you apply motion ...Launch40K views
Krea
introducing Seedance Effects. our new library lets you apply motion ...
0:2118 frames0.6s cut44% face
We've Rebuilt Opennote5K views
Opennote
We've Rebuilt Opennote
2:04108 frames6.4s cut44% face
PetSmart Kitchen: Open Farm124K views
PetSmart
PetSmart Kitchen: Open Farm
0:3028 frames1.5s cut46% face
How to Manage Your Workspace With ChatGPT Work26K views
OpenAI
How to Manage Your Workspace With ChatGPT Work
2:24106 frames10.6s cut43% face
PetSmart Kitchen featuring Open Farm113K views
PetSmart
PetSmart Kitchen featuring Open Farm
0:3030 frames1.3s cut47% face
How to hack any website’s design with no code (Arc Boosts)61K views
The Browser Company
How to hack any website’s design with no code (Arc Boosts)
7:29250 frames2.4s cut44% face
PetSmart Kitchen featuring Blue Buffalo Wilderness22K views
PetSmart
PetSmart Kitchen featuring Blue Buffalo Wilderness
1:0051 frames1.7s cut47% face
Build a Q&A agent that finds answers in Notion2K views
Notion
Build a Q&A agent that finds answers in Notion
0:4021 frames6.2s cut43% face
Introducing Avatars in @ElevenCreative. The best AI voices, now wit...Launch402K views
ElevenLabs
Introducing Avatars in @ElevenCreative. The best AI voices, now wit...
0:5219 frames47% face
tl;dv - The AI Meeting Assistant for Sales that Doesn't cost a Million Dollars2K views
tl;dv - meeting assistant
tl;dv - The AI Meeting Assistant for Sales that Doesn't cost a Million Dollars
1:2340 frames4.6s cut48% face

More social

Same category, other makers, most watched first.

Your ideas, your apps—Base44622M views
Base44
Your ideas, your apps—Base44
0:5651 frames1.1s cut6% face
Turn any idea into an app with Base44538M views
Base44
Turn any idea into an app with Base44
0:5538 frames2.2s cut50% face
Build Your Website with One Sentence | Base44154M views
Base44
Build Your Website with One Sentence | Base44
0:4835 frames0.9s cut31% face
Rip The Script | Nike Football81M views
Nike Football
Rip The Script | Nike Football
6:00310 frames1.1s cut60% face
PetSmart | "Pickup in...STORE!"75M views
PetSmart
PetSmart | "Pickup in...STORE!"
0:1511 frames1.4s cut64% face
NEO The Home Robot Order Today69M views
1X
NEO The Home Robot Order Today
9:53271 frames2.8s cut25% face
Apple Education: Ready for every learning opportunity69M views
Apple
Apple Education: Ready for every learning opportunity
1:4687 frames1.3s cut40% face
Phone calls suck. So, we bought a giant telephone car, raised $65,00...64M views
Bland
Phone calls suck. So, we bought a giant telephone car, raised $65,00...
1:4854 frames4.3s cut81% face
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...39M views
Figma
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...
1:0423 frames4.0s cut78% face
Getting Help is Simple, With Hims36M views
hims
Getting Help is Simple, With Hims
0:3023 frames2.0s cut70% face
Made in Figma (2025) Like this ❤️ we designed it for you36M views
Figma
Made in Figma (2025) Like this ❤️ we designed it for you
0:3872 frames0.5s cut7% face
Hello, MacBook Neo35M views
Apple
Hello, MacBook Neo
3:50291 frames67.5s cut1% face
Browse every frame in the library