techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.6K
active users

#designsystem

2 posts2 participants0 posts today
James Nash<p>A <a href="https://mstdn.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystem</span></a> lives or dies by its adoption. Beyond crafting UI libraries, docs, etc., a key part of the work is advocacy. You need folks to be aware of your DS and want to use it.</p><p>For our Investec Design System (IDS), we decided to have a little fun and made a spoof informercial to promote IDS to our colleagues. It went down a treat!</p><p>Now you can enjoy it too! <a href="https://mstdn.social/tags/SwitchToIDS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SwitchToIDS</span></a></p><p><a href="https://youtu.be/6hX0QRwgTAg?si=GFB1FaPFpXhYfExJ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">youtu.be/6hX0QRwgTAg?si=GFB1Fa</span><span class="invisible">PFpXhYfExJ</span></a></p>
Lukas Kahwe Smith<p>does anyone I know have experience with <a href="https://mastodon.green/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://mastodon.green/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> by <a href="https://www.kern-ux.de" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">kern-ux.de</span><span class="invisible"></span></a> ?</p>
Alberto Fernández #UX #DESIGN<p>The new Usability heuristics | Michael Dain in Bootcamp - luisalberto.fernandez@gmail.com - Gmail</p><p><a href="https://mail.google.com/mail/u/0/#inbox/FMfcgzQbfxnWSFjTDFlptjLswFNvvqjt" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mail.google.com/mail/u/0/#inbo</span><span class="invisible">x/FMfcgzQbfxnWSFjTDFlptjLswFNvvqjt</span></a></p><p><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>
Alberto Fernández #UX #DESIGN<p>When a Design System Isn’t Just a Tool , It Becomes Your Team’s Culture | by Milad Davari | Bootcamp | Jun, 2025 | Medium</p><p><a href="https://medium.com/design-bootcamp/when-a-design-system-isnt-just-a-tool-it-becomes-your-team-s-culture-3c85ef27898b" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/design-bootcamp/whe</span><span class="invisible">n-a-design-system-isnt-just-a-tool-it-becomes-your-team-s-culture-3c85ef27898b</span></a></p><p><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>
Alberto Fernández #UX #DESIGN<p>Multi-Product Design Systems: A Pattern Language Approach | by Jon Daiello | Jul, 2025 | Design Systems Collective</p><p><a href="https://www.designsystemscollective.com/multi-product-design-systems-a-pattern-language-approach-a4e99f11d898" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">designsystemscollective.com/mu</span><span class="invisible">lti-product-design-systems-a-pattern-language-approach-a4e99f11d898</span></a></p><p><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>
James Nash<p>Our <a href="https://mstdn.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystem</span></a> team is busy putting together a day of presentations and demos to promote our DS this Friday.</p><p>It's super hectic, but I'm so excited about the stuff we and our lovely consumers will be sharing. And you'd better believe we're going to drop a few surprise bombshells!</p><p>But first, I need to finish my slides and rehearse. 😬</p>
Mike-麥-Mai-v1.618 😎<p>design like it's 1997. code like it's 2025. :catjam: </p><p><a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>The politics of design systems · “Building trust matters more than building components.“ <a href="https://ilo.im/164p9q" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164p9q</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Stakeholders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Stakeholders</span></a> <a href="https://mastodon.social/tags/Trust" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Trust</span></a> <a href="https://mastodon.social/tags/Collaboration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Collaboration</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>Accessibility in design systems · How accessible features fit into design components <a href="https://ilo.im/164rt6" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164rt6</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Regulation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Regulation</span></a> <a href="https://mastodon.social/tags/EAA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EAA</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Peter Polgar<p>Some nice examples and a good categorization for all the different purposes a "design system" might need to serve.</p><p>The Multi-All-The-Things Organization | Brad Frost<br><a href="https://bradfrost.com/blog/post/the-multi-all-the-things-organization/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bradfrost.com/blog/post/the-mu</span><span class="invisible">lti-all-the-things-organization/</span></a></p><p><a href="https://mastodon.online/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a> <a href="https://mastodon.online/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a></p>
Andrew Malek<p>&quot;...building the [design] system was the easy part. Getting people to care about it? That’s the real work. And that’s where building relationships comes in.&quot; <a href="https://techhub.social/tags/DesignSystem" class="mention hashtag" rel="tag">#<span>DesignSystem</span></a> <a href="https://techhub.social/tags/UX" class="mention hashtag" rel="tag">#<span>UX</span></a> <a href="https://uxdesign.cc/the-politics-of-design-systems-cdfd0c850897" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">uxdesign.cc/the-politics-of-de</span><span class="invisible">sign-systems-cdfd0c850897</span></a></p>
Andrew Malek<p>Notes on creating a design system - &quot;...great designs failed when implementation was an afterthought, while strategic rollouts succeeded regardless of aesthetic ambition.&quot; <a href="https://techhub.social/tags/DesignSystem" class="mention hashtag" rel="tag">#<span>DesignSystem</span></a> <a href="https://uxdesign.cc/i-tried-three-ways-to-ship-a-design-system-heres-what-actually-worked-313228ca8e69" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">uxdesign.cc/i-tried-three-ways</span><span class="invisible">-to-ship-a-design-system-heres-what-actually-worked-313228ca8e69</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Releases" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Releases</span></a><br>Storybook 9 · Testing UI components gets smarter with new tooling <a href="https://ilo.im/164ddl" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164ddl</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Storybook" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Storybook</span></a> <a href="https://mastodon.social/tags/Tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tooling</span></a> <a href="https://mastodon.social/tags/Testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Testing</span></a> <a href="https://mastodon.social/tags/Component" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Component</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Pierre-Yves Lapersonne<a href="https://pixelfed.social/discover/tags/goodies?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#goodies</a> <a href="https://pixelfed.social/discover/tags/OUDS?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#OUDS</a> <a href="https://pixelfed.social/discover/tags/DesignSystem?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#DesignSystem</a> <a href="https://pixelfed.social/discover/tags/laser?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#laser</a> <a href="https://pixelfed.social/discover/tags/DIY?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#DIY</a> <a href="https://pixelfed.social/discover/tags/opensource?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://pixelfed.social/discover/tags/Swift?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#Swift</a> <a href="https://pixelfed.social/discover/tags/iosdev?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#iosdev</a>
Pierre-Yves Lapersonne<p>Google released a new version of its design system, a kind of extension kit, in alpha version: Material 3 Expressive, more energetic, positive and expressive.</p><p><a href="https://framapiaf.org/tags/Android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Android</span></a> <a href="https://framapiaf.org/tags/androiddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>androiddev</span></a> <a href="https://framapiaf.org/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://framapiaf.org/tags/material3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>material3</span></a></p><p><a href="https://m3.material.io/blog/building-with-m3-expressive" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">m3.material.io/blog/building-w</span><span class="invisible">ith-m3-expressive</span></a></p>
Alberto Fernández #UX #DESIGN<p>Dan Heflin’s UX Journey: Lilly Design System Overhaul | Medium</p><p><a href="https://medium.com/@DanHeflin/my-design-system-journey-d3796b906b7b" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/@DanHeflin/my-desig</span><span class="invisible">n-system-journey-d3796b906b7b</span></a> </p><p><a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a></p>
Alberto Fernández #UX #DESIGN<p>The Invisible Work Behind a Functional Design System. | by Kristina Gudim | May, 2025 | Design Systems Collective</p><p><a href="https://www.designsystemscollective.com/the-invisible-work-behind-a-functional-design-system-c208de93239c" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">designsystemscollective.com/th</span><span class="invisible">e-invisible-work-behind-a-functional-design-system-c208de93239c</span></a></p><p><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>
Alberto Fernández #UX #DESIGN<p>AI in Design Systems: Should Components Start Thinking? | by Shubhra Shree | May, 2025 | Design Systems Collective</p><p><a href="https://www.designsystemscollective.com/ai-in-design-systems-should-components-start-thinking-c0e28c7f929c" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">designsystemscollective.com/ai</span><span class="invisible">-in-design-systems-should-components-start-thinking-c0e28c7f929c</span></a></p><p><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>
Alberto Fernández #UX #DESIGN<p>Auditing — The Forgotten Step in Design Systems. | by Murali | May, 2025 | Design Systems Collective</p><p><a href="https://www.designsystemscollective.com/auditing-the-forgotten-step-in-design-systems-8ea5f4106828" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">designsystemscollective.com/au</span><span class="invisible">diting-the-forgotten-step-in-design-systems-8ea5f4106828</span></a></p><p><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>
Alberto Fernández #UX #DESIGN<p>Why your design system is breaking, even though it looks perfect! | by Zeba Dalal | Bootcamp | May, 2025 | Medium</p><p><a href="https://medium.com/design-bootcamp/why-your-design-system-is-breaking-even-though-it-looks-perfect-6ef4ead64ab2" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/design-bootcamp/why</span><span class="invisible">-your-design-system-is-breaking-even-though-it-looks-perfect-6ef4ead64ab2</span></a></p><p><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>