Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

Cursor

487,455 subscribers

6,092,445 Aufrufe • vor 10 Monaten •via X (Twitter)

Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

35 Kommentare

Profilbild von Cursor

Cursorvor 10 Monaten

We think this will bring design and engineering closer together.

Profilbild von Mad ML scientist

Mad ML scientistvor 10 Monaten

wow AGI can finally center the div

Profilbild von Jayme Hoffman

Jayme Hoffmanvor 10 Monaten

ahead of its time

Profilbild von Mckay Wrigley

Mckay Wrigleyvor 10 Monaten

rip all vibe coding platforms (and figma?). pretty obvious cursor eventually ships a web version of this. incredible work. (make this something we can use with any agent - cursor as the visual interface for your agent-of-choice works and would keep me as a user!)

Profilbild von Graham Fleming

Graham Flemingvor 10 Monaten

is the code making the design or is the design making the code

Profilbild von Wes Winder

Wes Windervor 10 Monaten

why does it need an agent to make changes if it already needs to edit the code to show the preview?

Profilbild von Jonny Summers-Muir

Jonny Summers-Muirvor 10 Monaten

already used it

Profilbild von Aibek Yegemberdin

Aibek Yegemberdinvor 10 Monaten

To everyone who's saying that design tools are dead has not actually worked with a design team

Profilbild von Nick Dobos

Nick Dobosvor 10 Monaten

Will this work with three js? Being able to select 3d objects in a scene would be incredible!

Profilbild von Robin Delta

Robin Deltavor 10 Monaten

Cursor is cooking hard, can you please let me enjoy my xmas, no more updates please

Profilbild von andrew pignanelli

andrew pignanellivor 10 Monaten

its over, cursor won

Profilbild von Motion

Motionvor 10 Monaten

Looks amazing - and we’ve got the perfect BezierCurveEditor for transition editing.

Profilbild von Danny Prevoznik

Danny Prevoznikvor 10 Monaten

I often find default settings reveal product direction. nice addition 👏

Profilbild von Ammaar Reshi

Ammaar Reshivor 10 Monaten

This is sick 🔥 congrats @ryolu_ and team

Profilbild von Alex Payne

Alex Paynevor 10 Monaten

Macromedia Dreamweaver but better 🤣 In all seriousness looks amazing!

Profilbild von rad

radvor 10 Monaten

okay figma go make an IDE lol

Profilbild von peetzweg/

peetzweg/vor 10 Monaten

Ouch, finally what webflow always should have been.

Profilbild von Tenzin Dhonyoe

Tenzin Dhonyoevor 10 Monaten

cursor killed lovable

Profilbild von Chadd Weston

Chadd Westonvor 10 Monaten

Absolute fire. Would love to see a partnership with @motiondotdev to bring motion editing into that sidebar... this would be the complete package imo

Profilbild von Tom Bielecki

Tom Bieleckivor 10 Monaten

How does cursor know your design system to give a dropdown of colors?

Profilbild von Cathleen Turner - Margin✨

Cathleen Turner - Margin✨vor 10 Monaten

As a backend engineer I am thankful that I don't have to fight against padding

Profilbild von Kristof

Kristofvor 10 Monaten

this is insane

Profilbild von Andrew Pouliot

Andrew Pouliotvor 10 Monaten

great ship! a lot of things that could use some polish but this is much closer to the flow that I want to use!

Profilbild von Mr Ash

Mr Ashvor 10 Monaten

We have got generative fill AI vibe coding before GTA 6

Profilbild von Amos Gyamfi

Amos Gyamfivor 10 Monaten

It kills Webflow and not Figma

Profilbild von George from 🕹prodmgmt.world

George from 🕹prodmgmt.worldvor 10 Monaten

i’m probably totally wrong, but my initial reaction is this is not what we need. this feels like hey we built one of these no code builders that were cool 5 years ago, but now there’s an LLM doing the changes with much more effort

Profilbild von Klaas

Klaasvor 10 Monaten

really cool

Profilbild von macy 💖

macy 💖vor 10 Monaten

wtf figma is dead

Profilbild von Robert Ligthart

Robert Ligthartvor 10 Monaten

I'm often pessimistic about the future, except for cursor. 👀

Profilbild von Andreas Storm

Andreas Stormvor 10 Monaten

🔥

Profilbild von Joko

Jokovor 10 Monaten

After 20 years, WYSIWYG is back!

Profilbild von Cipher

Ciphervor 10 Monaten

i am leaving tech now its getting scary day by day

Profilbild von Mark Fayngersh

Mark Fayngershvor 10 Monaten

"Apply" doesn't appear to be working 👀

Profilbild von justin

justinvor 10 Monaten

wow

Profilbild von Allison Barr Allen

Allison Barr Allenvor 10 Monaten

This is nuts!

Ähnliche 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

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

401,503 Aufrufe • vor 4 Monaten

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.

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,837 Aufrufe • vor 1 Jahr

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.

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,563 Aufrufe • vor 1 Jahr

So which model is the best at frontend design? You can now eval pretty much all of them in pen(dot)dev in realtime in parallel. It's the most versatile design agent, where you can Sign in with ChatGPT, use your Claude subscription, OpenCode Go, Github CoPilot, connect Cursor Composer 2.5/Grok 4.5, Minimax M3, Kimi K2.7/K3, GLM 5.2, Gemini 3.5 Flash, Qwen 3.7 Plus etc, mix and match these models on design tasks directly in your codebase locally on your desktop.

So which model is the best at frontend design? You can now eval pretty much all of them in pen(dot)dev in realtime in parallel. It's the most versatile design agent, where you can Sign in with ChatGPT, use your Claude subscription, OpenCode Go, Github CoPilot, connect Cursor Composer 2.5/Grok 4.5, Minimax M3, Kimi K2.7/K3, GLM 5.2, Gemini 3.5 Flash, Qwen 3.7 Plus etc, mix and match these models on design tasks directly in your codebase locally on your desktop.

Tom Krcha

2,458,542 Aufrufe • vor 2 Monaten

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.

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,826 Aufrufe • vor 11 Monaten

Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write to your design.

Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write to your design.

Paper

12,452,974 Aufrufe • vor 6 Monaten

Hello, Cody. Cody answers code questions and writes code for you by reading your entire codebase and the code graph. Often magical, often frustratingly wrong...but getting better quickly. Rolling out to opt-in customers & Discord community members now.

Hello, Cody. Cody answers code questions and writes code for you by reading your entire codebase and the code graph. Often magical, often frustratingly wrong...but getting better quickly. Rolling out to opt-in customers & Discord community members now.

Quinn Slack

156,401 Aufrufe • vor 3 Jahren

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 →

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 Aufrufe • vor 9 Monaten

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.0 is out now! Cursor can now review your code, remember its mistakes, and work on dozens of tasks in the background.

Cursor

1,546,209 Aufrufe • vor 1 Jahr

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.

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,532 Aufrufe • vor 8 Monaten

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 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:

OpenDesign

471,927 Aufrufe • vor 4 Monaten

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

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

Cursor

278,953 Aufrufe • vor 6 Monaten

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

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

Cursor

636,229 Aufrufe • vor 6 Monaten

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

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

156,913 Aufrufe • vor 5 Monaten

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

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 Aufrufe • vor 1 Jahr

#ChatGPT for your codebase! 🤯 You now can upload your entire codebase/Git repos to #OpenChat & ask #GPT4 to implement anything! With the full context of your code, #OpenChat can answer your questions accurately and effortlessly! Powered by ! 🔥 Link to code ↓

#ChatGPT for your codebase! 🤯 You now can upload your entire codebase/Git repos to #OpenChat & ask #GPT4 to implement anything! With the full context of your code, #OpenChat can answer your questions accurately and effortlessly! Powered by ! 🔥 Link to code ↓

Charly Wargnier

175,644 Aufrufe • vor 3 Jahren

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

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

Brad Menezes

22,977 Aufrufe • vor 1 Jahr

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 🎶

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

2,389,007 Aufrufe • vor 7 Monaten

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 ⚡️

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

28,378 Aufrufe • vor 4 Monaten