正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 4 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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 次观看 • 3 年前

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 次观看 • 2 个月前

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 次观看 • 7 天前

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,712 次观看 • 3 个月前

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 次观看 • 1 年前

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,305 次观看 • 2 年前

📢 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 次观看 • 4 个月前

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 次观看 • 2 个月前

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 次观看 • 2 年前

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 次观看 • 4 个月前

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 次观看 • 1 年前

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 次观看 • 12 天前

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 次观看 • 3 个月前

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 次观看 • 3 年前

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 次观看 • 9 个月前

🔅 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,702 次观看 • 3 年前

Oxygen is the builder for designers who code, and developers with taste • Clean HTML/CSS • Class‑based system • Full design control • Components • Dynamic data support • Developer focused

Oxygen is the builder for designers who code, and developers with taste • Clean HTML/CSS • Class‑based system • Full design control • Components • Dynamic data support • Developer focused

Oxygen

640,284 次观看 • 11 个月前

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 次观看 • 3 个月前

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 次观看 • 2 年前

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 次观看 • 1 年前