Mastodon 🐘

Egor KloosUsing mixins to share css across similar web components which also provides a class attribute for them to hook in to. Just when I thought I didn’t have much use for classes. <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a>

Ashley Kolodziej 🐰If you haven’t read this article on <a href="https://fosstodon.org/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> components and <a href="https://fosstodon.org/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#Accessibility</a> it’s a great read! <a href="https://hidde.blog/component-conformance/" rel="nofollow noopener" translate="no" target="_blank">https://hidde.blog/component-conformance/</a>

Liam SpradlinAdrian Secord, who describes himself as a “roving engineer” joined the show to talk about Material's evolution.📻 Tune in: <a href="https://interfacecafe.com/breaking-silos-and-metaphors-adrian-secord-roving-engineer-google/" rel="nofollow noopener" translate="no" target="_blank">https://interfacecafe.com/breaking-silos-and-metaphors-adrian-secord-roving-engineer-google/</a><a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.design/tags/Engineering" class="mention hashtag" rel="nofollow noopener" target="_blank">#Engineering</a>

Ladies that UX BrightonWe're thrilled to welcome Alex Edwards (Clearleft) and Lucy Blackwell (University of the Arts London) to TalkUX 2025. In "Design Systems That Work: A Human-First Approach", they'll share practical insights and actionable strategies on how to reinvent design systems by putting people first through co-design, testing, and stakeholder engagement to serve the users. 17–18 Sept 2025 <a href="https://hci.social/tags/TalkUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#TalkUX</a> <a href="https://hci.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://hci.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UXDesign</a> <a href="https://hci.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://hci.social/tags/Brighton" class="mention hashtag" rel="nofollow noopener" target="_blank">#Brighton</a> <a href="https://hci.social/tags/LTUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#LTUX</a> <a href="https://hci.social/tags/LTUXBrighton" class="mention hashtag" rel="nofollow noopener" target="_blank">#LTUXBrighton</a> <a href="https://hci.social/tags/UserResearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserResearch</a> <a href="https://hci.social/tags/ContentDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ContentDesign</a> <a href="https://hci.social/tags/PeopleOfLTUXBrighton" class="mention hashtag" rel="nofollow noopener" target="_blank">#PeopleOfLTUXBrighton</a>

Frontend DogmaAutomating Design Systems: Tips and Resources for Getting Started, by <a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener" target="_blank">@smashingmag</a>:<a href="https://www.smashingmagazine.com/2025/08/automating-design-systems-tips-resources/" rel="nofollow noopener" translate="no" target="_blank">https://www.smashingmagazine.com/2025/08/automating-design-systems-tips-resources/</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/automation" class="mention hashtag" rel="nofollow noopener" target="_blank">#automation</a> <a href="https://mas.to/tags/tipsandtricks" class="mention hashtag" rel="nofollow noopener" target="_blank">#tipsandtricks</a> <a href="https://mas.to/tags/tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#tooling</a> <a href="https://mas.to/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a>

Frontend DogmaWhat’s the European Accessibility Act Got to Do With My Design System?, by <a href="https://social.design.systems/@gerireid" class="u-url mention" rel="nofollow noopener" target="_blank">@gerireid</a> (<a href="https://mastodon.social/@zeroheight" class="u-url mention" rel="nofollow noopener" target="_blank">@zeroheight</a>):<a href="https://zeroheight.com/blog/european-accessibility-act-and-your-design-system/" rel="nofollow noopener" translate="no" target="_blank">https://zeroheight.com/blog/european-accessibility-act-and-your-design-system/</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/eaa" class="mention hashtag" rel="nofollow noopener" target="_blank">#eaa</a> <a href="https://mas.to/tags/compliance" class="mention hashtag" rel="nofollow noopener" target="_blank">#compliance</a> <a href="https://mas.to/tags/legal" class="mention hashtag" rel="nofollow noopener" target="_blank">#legal</a>

Frontend DogmaDesign System Deviation Is a Signal, by @bencallahan.com:<a href="https://bencallahan.com/design-system-deviation-is-a-signal" rel="nofollow noopener" translate="no" target="_blank">https://bencallahan.com/design-system-deviation-is-a-signal</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mas.to/tags/metrics" class="mention hashtag" rel="nofollow noopener" target="_blank">#metrics</a>

Liam SpradlinThis special episode digs into the latest evolution of Google’s design system: Material 3 Expressive.📻 Tune in: <a href="https://interfacecafe.com/design-notes-material-design-gets-expressive-interview/" rel="nofollow noopener" translate="no" target="_blank">https://interfacecafe.com/design-notes-material-design-gets-expressive-interview/</a><a href="https://mastodon.design/tags/MaterialDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#MaterialDesign</a> <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.design/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://mastodon.design/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://mastodon.design/tags/Podcast" class="mention hashtag" rel="nofollow noopener" target="_blank">#Podcast</a>

Tiago 🇵🇹🇸🇪New Swedish Design Systems job spotted 🇸🇪🚀H&M is on the lookout for its new Manager for the Fabric Design System.Read the job description and apply at <a href="https://www.linkedin.com/jobs/view/4286687128" rel="nofollow noopener" translate="no" target="_blank">https://www.linkedin.com/jobs/view/4286687128</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new openings with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Outlooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#Outlooks</a> From grief to exec · How AI is disrupting design systems <a href="https://ilo.im/166463" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/166463</a>_____ <a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener" target="_blank">#Business</a> <a href="https://mastodon.social/tags/Skills" class="mention hashtag" rel="nofollow noopener" target="_blank">#Skills</a> <a href="https://mastodon.social/tags/Roles" class="mention hashtag" rel="nofollow noopener" target="_blank">#Roles</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Tiago 🇵🇹🇸🇪Welcome Grafana Labs to the Swedish Design Systems directory 🇸🇪🎉The Saga Design System just joined a list of 45 (and counting) systems made in the country of safe cars, flatpack furniture, meatballs, lagom, and much more.Find them all at <a href="http://www.swedishdesignsystems.se" rel="nofollow noopener" translate="no" target="_blank">http://www.swedishdesignsystems.se</a>If you want to add your own Swedish DS, DM me or use the form <a href="https://bit.ly/swedish-design-systems-form" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-form</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Tiago 🇵🇹🇸🇪Bruno Aires, welcome to the Swedish Design Systems specialists club 🇸🇪🎩 We are a small group of folks working at Design Systems made in Sweden. Designers, Engineers, and Product Managers, who collaborate to tell the story of how our organizations create products 🤓If you also work(ed) on a Swedish Design System, join us!Find our Design System specialists database at <a href="https://bit.ly/swedish-design-systems-specialists" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-specialists</a>Or join via <a href="https://bit.ly/swedish-design-systems-add-profile" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-profile</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Frontend DogmaDesign Systems in 2025: Why They’re the Blueprint for Consistent UX, by (not on Mastodon or Bluesky):<a href="https://www.sitepoint.com/design-systems-in-2025/" rel="nofollow noopener" translate="no" target="_blank">https://www.sitepoint.com/design-systems-in-2025/</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mas.to/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://mas.to/tags/consistency" class="mention hashtag" rel="nofollow noopener" target="_blank">#consistency</a>

Tiago 🇵🇹🇸🇪Balazs Nagy, welcome to the Swedish Design Systems specialists roster 🙌We are a small group of folks working at Design Systems made in Sweden. Designers, Engineers, and Product Managers.If you also work(ed) on a Swedish Design System, join us!Find our Design System specialists database at <a href="https://bit.ly/swedish-design-systems-specialists" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-specialists</a>Or join via <a href="https://bit.ly/swedish-design-systems-add-profile" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-profile</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Tiago 🇵🇹🇸🇪New Swedish Design Systems job just found 🇸🇪🎸🤘Spotify is seeking an Engineering Manager to lead the Encore and other platform-level development initiatives.Read the job description and apply at <a href="https://jobs.lever.co/spotify/def8fd2d-4601-4e04-a919-5508a7be580f?lever-source=SwedishDesignSystems" rel="nofollow noopener" translate="no" target="_blank">https://jobs.lever.co/spotify/def8fd2d-4601-4e04-a919-5508a7be580f?lever-source=SwedishDesignSystems</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new openings with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Frontend DogmaThe Biggest Threat to Your Design System Is Your Need to Be Liked, by <a href="https://mastodon.art/@Lauren" class="u-url mention" rel="nofollow noopener" target="_blank">@Lauren</a>:<a href="https://archive.fo/ihCsU" rel="nofollow noopener" translate="no" target="_blank">https://archive.fo/ihCsU</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/career" class="mention hashtag" rel="nofollow noopener" target="_blank">#career</a>

Tiago 🇵🇹🇸🇪<a href="https://mastodon.social/@zeroheight" class="u-url mention" rel="nofollow noopener" target="_blank">@zeroheight</a> is reprising their Design Systems Awards again this year 🙌🏼You can submit your Design Systems to the awards, but more interestingly, you can also make nominations to recognize events/podcasts/individuals who have had a significant impact on the community.Nominate your community awards at <a href="https://lnkd.in/d6PNWyHu" rel="nofollow noopener" translate="no" target="_blank">https://lnkd.in/d6PNWyHu</a><a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Stu RobsonWhat's that‽ I managed to carve out some time to go through the reading backlog for <a href="https://news.design.systems" rel="nofollow noopener" translate="no" target="_blank">https://news.design.systems</a>? There's a fresh email prep'd and ready for 10am today? You've still not signed up?🙏🖤 <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Tiago 🇵🇹🇸🇪Sandra Lindberg, welcome to the Swedish Design Systems specialists roster 🙌We are a small group of folks working at Design Systems made in Sweden. Designers, Engineers, and Product Managers, who collaborate to write up the story of how our organization creates products 🤓Find us at <a href="https://bit.ly/swedish-design-systems-specialists" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-specialists</a>If you also work in a Swedish Design System, join us via <a href="https://bit.ly/swedish-design-systems-add-profile" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-profile</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Dave 🧱 :cursor_pointer:Just seen the term “violently agreeing” and I’ve never seen something so <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> in my life

Recent searches

Search options

Administered by:

Server stats:

#DesignSystems