Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

as a design engineer I often get pinged for tiny front-end changes at the Cursor hackathon we used background agents to automatically convert design system updates into PRs 🎨✨ ft nathan Chamod Gamage Fate

mathurah

11,385 subscribers

118,851 views • 9 months ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

41,075 views • 2 years ago

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

Brian Armstrong

520,346 views • 2 years ago

Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8. npx skills add JimLiu/baoyu-design

Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8. npx skills add JimLiu/baoyu-design

宝玉

212,842 views • 7 days ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,344 views • 4 months ago

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

AK

91,829 views • 4 months ago

LED TRUCK DESIGN 14th March 2026 This is the Indonesian ENGENE LED truck design for today. We used "Fate" by ENHYPEN as backsound to convey our message. with EN- VOTING TEAM

LED TRUCK DESIGN 14th March 2026 This is the Indonesian ENGENE LED truck design for today. We used "Fate" by ENHYPEN as backsound to convey our message. with EN- VOTING TEAM

ENGENE DONATION DRIVE

10,847 views • 3 months ago

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

This is how a top designer uses Cursor + Storybook to build design system components Designers working on design systems should copy this AI workflow to stop manually creating design component specs 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

65,304 views • 3 months ago

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇

This is how a top designer uses Figma MCP + Cursor to build an AI design system Designers working on design systems should copy this AI workflow to free up precious engineering bandwidth 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Figma MCP + Cursor to build their design system 👇

Jayneil Dalal

89,213 views • 4 months ago

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

11,772 views • 3 months ago

Introducing: Zoom with code agents! 🔥 Dev conversations happen in VTC. So why shouldn't agents hop in? Major unlock 🔓 for: 🎨 design critiques 🚨 incident management etc. Watch Codegen participate in a design critique then the ship the changes (!) below. Here's how 👇

Introducing: Zoom with code agents! 🔥 Dev conversations happen in VTC. So why shouldn't agents hop in? Major unlock 🔓 for: 🎨 design critiques 🚨 incident management etc. Watch Codegen participate in a design critique then the ship the changes (!) below. Here's how 👇

Jay Hack

12,834 views • 1 year ago

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

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

Tom Krcha

360,325 views • 8 months ago

Now ready for deployment: Cursor Delegate any Linear issue to Cursor, and a background agent will get to work. Once the task is complete, the Cursor agent will update the issue automatically with a PR.

Now ready for deployment: Cursor Delegate any Linear issue to Cursor, and a background agent will get to work. Once the task is complete, the Cursor agent will update the issue automatically with a PR.

Linear

2,514,020 views • 9 months ago

I joined Cloudflare as a design engineer! Made some clouds.

I joined Cloudflare as a design engineer! Made some clouds.

balint

49,713 views • 1 month ago

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

Vibe-coded prototypes get thrown away because they don’t use your design system code. Bolt’s Design System Agents fix this: - Upload your npm package, Storybook, repo, etc - Bolt builds using your design system - Engineering wires up the backend and ships

bolt.new

13,978 views • 2 months ago

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL → get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once → every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. 🔥

Alessia

12,017 views • 1 month ago

You can now customize how deeply Bugbot thinks during a PR review. At Cursor, we use high effort for changes to our infrastructure and backend so Bugbot detects more issues. Other PRs get default effort.

You can now customize how deeply Bugbot thinks during a PR review. At Cursor, we use high effort for changes to our infrastructure and backend so Bugbot detects more issues. Other PRs get default effort.

Cursor

68,509 views • 1 month ago

Watching 6 AI agents design an app together genuinely blew my mind. In my next episode, Tom Krcha (CEO of Pencil) showed me: → Swarm mode: Spinning up 6 design agents → How it all works under the hood (JSON?!) → How to design inside Cursor & Claude Code 📌 Subscribe to get the full episode tmr:

Watching 6 AI agents design an app together genuinely blew my mind. In my next episode, Tom Krcha (CEO of Pencil) showed me: → Swarm mode: Spinning up 6 design agents → How it all works under the hood (JSON?!) → How to design inside Cursor & Claude Code 📌 Subscribe to get the full episode tmr:

Peter Yang

99,339 views • 3 months ago

Cursor Automations now support event-based triggers for Sentry. Set up agents that automatically respond to new issues, investigate root causes, open PRs with fixes, and post summaries to Slack.

Cursor Automations now support event-based triggers for Sentry. Set up agents that automatically respond to new issues, investigate root causes, open PRs with fixes, and post summaries to Slack.

Cursor

168,440 views • 2 months ago

If you plans to get into 2025 as ✅A UI UX Designer ✅A Web Designer ✅A Design Engineer Then Join our UI UX Design Bootcamp starting on the 30th. All the details of the Bootcamp is in the video below. Register here :

If you plans to get into 2025 as ✅A UI UX Designer ✅A Web Designer ✅A Design Engineer Then Join our UI UX Design Bootcamp starting on the 30th. All the details of the Bootcamp is in the video below. Register here :

Joseph Brendan

15,089 views • 2 years ago

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in Figma for engineers at Uber 👇

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in Figma for engineers at Uber 👇

Jayneil Dalal

47,187 views • 1 year ago