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.

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

14,140 subscribers

476,556 views • 4 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Curious about design systems but don't know where to start? Whether you're about to build your first design system or just curious about them, our new 4- part course, "Introduction to Design Systems," will provide guidance, real-world applications, and tools to help you make the most informed decisions. - Understand what a design system is - Discover what goes into a design system and explore foundational concepts - Learn which Figma features help manage design systems - Explore the importance of documentation and how to maintain, improve, and advocate for your design system. Learn more:

Figma

550,976 views • 3 years ago

i spent way too long learning system design the wrong way. reading articles. watching videos. still freezing on whiteboard questions. so i built Antimetal → drag & drop canvas to actually build architectures → failure simulations before you ever ship → 67 lessons, soup to nuts and many more .... we're live. go build something. Link in the comment

i spent way too long learning system design the wrong way. reading articles. watching videos. still freezing on whiteboard questions. so i built Antimetal → drag & drop canvas to actually build architectures → failure simulations before you ever ship → 67 lessons, soup to nuts and many more .... we're live. go build something. Link in the comment

Abhijitam Dubey

10,328 views • 2 months ago

like imagine, just click and drag stuff in your app, ask an ai to reimagine it, undo it if you don't like it... and it's actually editing your source files and because it's all flux components its staying on the rails of a well thought out design system

like imagine, just click and drag stuff in your app, ask an ai to reimagine it, undo it if you don't like it... and it's actually editing your source files and because it's all flux components its staying on the rails of a well thought out design system

Caleb Porzio ⚡️

21,898 views • 6 days ago

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

633,356 views • 2 months ago

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 👇

damien

114,337 views • 1 year ago

Where's Figma for graphic design? 🤔 Introducing Modyfi, a web-based collaborative image-making platform. Design, iterate, and review in a single place, combining layers, vectors, & bitmaps with AI and non-destructive real-time effects. 👉

Where's Figma for graphic design? 🤔 Introducing Modyfi, a web-based collaborative image-making platform. Design, iterate, and review in a single place, combining layers, vectors, & bitmaps with AI and non-destructive real-time effects. 👉

Alyssa X

232,215 views • 2 years ago

📢 AI Template is now live! Figma and React, fully in sync 🥳 Built for real AI workflows — not demos. ✨ What’s inside: → AI-focused screens → Conversation-based layouts → Actions & system states → 30+ production-ready screens 🔗 w / AlignUI Design System

📢 AI Template is now live! Figma and React, fully in sync 🥳 Built for real AI workflows — not demos. ✨ What’s inside: → AI-focused screens → Conversation-based layouts → Actions & system states → 30+ production-ready screens 🔗 w / AlignUI Design System

Erşad

11,976 views • 4 months ago

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

vijay verma

16,062 views • 2 months ago

The fastest way to design & build a website with the help of AI ✨ → Sitemaps in seconds → Wireframes with copy in minutes → Paste in to Figma & Webflow Powered by a design system of 1000+ components to generate production-quality websites

The fastest way to design & build a website with the help of AI ✨ → Sitemaps in seconds → Wireframes with copy in minutes → Paste in to Figma & Webflow Powered by a design system of 1000+ components to generate production-quality websites

Relume

776,758 views • 2 years ago

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

I haven't fully thought this through but... I think there's a lot of potential in using Figma Make embeds in Figma Design for inline and interactive design system documentation

luis.

23,288 views • 4 months ago

design tool experiments: ✍️ make design components graphically 🧑‍💻 generate code, using those components as a little design system (the idea is that you'll be able to build complicated interfaces by mocking them up in several artboards and 'attaching' them to your prompt)

design tool experiments: ✍️ make design components graphically 🧑‍💻 generate code, using those components as a little design system (the idea is that you'll be able to build complicated interfaces by mocking them up in several artboards and 'attaching' them to your prompt)

nate parrott

10,550 views • 1 year ago

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:

Alex Danilowicz

135,161 views • 11 days ago

ok this is legit crazy. every click generates 6 new logos here im replicating and morphing the OG + new MIT media lab design system by Pentagram Design interactive design systems are more accessible than ever

ok this is legit crazy. every click generates 6 new logos here im replicating and morphing the OG + new MIT media lab design system by Pentagram Design interactive design systems are more accessible than ever

Hirad Sab

81,459 views • 3 months ago

With #WWDC23 coming tomorrow, we built a really fun interactive website with our vision of what it’ll look like✨ Art direction and design by me 3d Render: ⁦v⁩ Interactive design: ⁦Kabir⁩ Web development: ⁦۟⁩

With #WWDC23 coming tomorrow, we built a really fun interactive website with our vision of what it’ll look like✨ Art direction and design by me 3d Render: ⁦v⁩ Interactive design: ⁦Kabir⁩ Web development: ⁦۟⁩

The Creator

113,633 views • 3 years ago

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 👇

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 views • 9 months ago

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

Diagram

1,713,642 views • 3 years 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

SegmentUI design system & UI Kit for Framer is finally here! Copy paste 100+ responsive, dynamic, themed sections, components & overrides with just 2 clicks. →

SegmentUI design system & UI Kit for Framer is finally here! Copy paste 100+ responsive, dynamic, themed sections, components & overrides with just 2 clicks. →

Nabeel

34,348 views • 2 years ago

CATransformers is a carbon-driven neural architecture and system hardware co-design framework. Using CATransformers, we discover greener CLIP models that achieve an average of 9.1% reduction potential in total lifecycle carbon emissions while maintaining accuracy (or increasing accuracy) and latency. This research is the first to look into carbon-driven neural architecture and system hardware co-design. It is enabled by a first-of-its-kind architectural carbon modeling tool – ACT, which we developed at FAIR. Check out: Our paper ➡️ code repository ➡️ and the additional carbon design tools and research artifacts in Sustainable AI ➡️

CATransformers is a carbon-driven neural architecture and system hardware co-design framework. Using CATransformers, we discover greener CLIP models that achieve an average of 9.1% reduction potential in total lifecycle carbon emissions while maintaining accuracy (or increasing accuracy) and latency. This research is the first to look into carbon-driven neural architecture and system hardware co-design. It is enabled by a first-of-its-kind architectural carbon modeling tool – ACT, which we developed at FAIR. Check out: Our paper ➡️ code repository ➡️ and the additional carbon design tools and research artifacts in Sustainable AI ➡️

AI at Meta

32,608 views • 1 year ago

Mother Factory: where art meets innovation in interactive jewelry and design

Mother Factory: where art meets innovation in interactive jewelry and design

Interesting AF

915,787 views • 1 year ago