Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

We're cracking the code on custom design systems inside . Reusable components, pixel-perfect polish, real brand DNA. Agency-grade UI, shipped in minutes. Drop “system” and I’ll show you how we’re doing it 👇

damienghader's profile picture

damien

16,350 subscribers

114,292 Aufrufe • vor 11 Monaten •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Ticker Hound
Ticker Houndvor 11 Monaten

@lovable_dev I’ve spent over 1500 prompts on lovable. Works great about 20% of the time. The rest of the time I’m wasting my lovable credits with build errors. Makes me wonder if they program lovable to mess up a percentage of the time in order to increase spending?

Profilbild von Bruker_1_6
Bruker_1_6vor 11 Monaten

@lovable_dev System

Profilbild von adm
admvor 11 Monaten

@lovable_dev How does one create such kind of Demo video for his design or software

Profilbild von Mike Schiessl
Mike Schiesslvor 11 Monaten

@lovable_dev Such a beautiful UI

Profilbild von Brian Peter
Brian Petervor 11 Monaten

@lovable_dev system

Profilbild von Jose Zuma
Jose Zumavor 11 Monaten

@lovable_dev Nice job!

Profilbild von Alex Rushenas
Alex Rushenasvor 11 Monaten

@lovable_dev system

Profilbild von Haute 🍌
Haute 🍌vor 11 Monaten

@lovable_dev System

Profilbild von ethan
ethanvor 11 Monaten

@lovable_dev system

Profilbild von Andrew Ford
Andrew Fordvor 11 Monaten

@lovable_dev System

Ähnliche Videos

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇
0:26

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 Aufrufe • vor 18 Tagen

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇
0:35

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

preet

20,452 Aufrufe • vor 9 Monaten

Someone built a web-based System Design Simulator, where you drag & drop architecture components and actually simulate traffic, failures, latency, and scaling in real time, System design just got way more interactive.
0:51

Someone built a web-based System Design Simulator, where you drag & drop architecture components and actually simulate traffic, failures, latency, and scaling in real time, System design just got way more interactive.

Aman

476,238 Aufrufe • vor 3 Monaten

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 👇
2:04

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,738 Aufrufe • vor 2 Monaten

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)
0:20

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 Aufrufe • vor 2 Jahren

CLAUDE CODE CAN NOW COPY ANY UI ON THE INTERNET. It scans real websites and rebuilds their design system instantly, turning any page into your own starting point.
0:55

CLAUDE CODE CAN NOW COPY ANY UI ON THE INTERNET. It scans real websites and rebuilds their design system instantly, turning any page into your own starting point.

0xMarioNawfal

1,022,977 Aufrufe • vor 1 Monat

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing
0:44

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,115 Aufrufe • vor 1 Jahr

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.
0:25

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Alex Barashkov

31,833 Aufrufe • vor 2 Monaten

Announcing Dezi: The visual builder for Shopify app UIs Dezi lets you design your UI using native Polaris components, configure your props and view updates in real-time, then export formatted Polaris code that you can paste in your app - all within minutes Let get started 🧵
0:30

Announcing Dezi: The visual builder for Shopify app UIs Dezi lets you design your UI using native Polaris components, configure your props and view updates in real-time, then export formatted Polaris code that you can paste in your app - all within minutes Let get started 🧵

Alex Abbott

28,239 Aufrufe • vor 1 Jahr

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:
0:21

You can now clone any UI on the web and make it your own with one click. Just: - grab it with our Chrome extension - paste into Fusion - Type "adapt to our brand" Converts the UI to your design system and stack Links in reply:

Steve (Builder.io)

40,275 Aufrufe • vor 8 Monaten

Introducing Code on Canvas in Pencil.dev AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.
0:57

Introducing Code on Canvas in Pencil.dev AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Tom Krcha

78,289 Aufrufe • vor 1 Monat

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 👇
2:03

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

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.
0:41

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Alex Danilowicz

33,189 Aufrufe • vor 11 Monaten

I've created a monster 👀 UI design is dead ☠️ I'm working on a library that will allow you to reliably build components or full systems with ANY design aesthetic. Check it out: Brutaltech, Earlycyber and Swiss ↓
0:38

I've created a monster 👀 UI design is dead ☠️ I'm working on a library that will allow you to reliably build components or full systems with ANY design aesthetic. Check it out: Brutaltech, Earlycyber and Swiss ↓

Josh Millgate

180,808 Aufrufe • vor 1 Monat

🚨 Just dropped my new video on how to build yourself a unified AI infrastructure on Claude Code Code for life and work management... - Why I built it - My system design philosophy - Step-by-step on the different components - How to customize it for your own needs
1:13:08

🚨 Just dropped my new video on how to build yourself a unified AI infrastructure on Claude Code Code for life and work management... - Why I built it - My system design philosophy - Step-by-step on the different components - How to customize it for your own needs

ᴅᴀɴɪᴇʟ ᴍɪᴇssʟᴇʀ 🛡️

29,331 Aufrufe • vor 9 Monaten

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜
0:32

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

Abraham John 🦄🦓

55,566 Aufrufe • vor 1 Monat

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜
0:32

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

Abraham John 🦄🦓

91,571 Aufrufe • vor 5 Monaten

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

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,227 Aufrufe • vor 3 Monaten

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.
2:47

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.

nader dabit

118,456 Aufrufe • vor 3 Monaten