mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Serverstatistik:

1,5 Tsd.
aktive Profile

#designsystems

2 Beiträge2 Beteiligte0 Beiträge heute
Frontend Dogma<p>How to Make a Design System That’s Not Boring, by <span class="h-card" translate="no"><a href="https://mastodon.social/@brad_frost" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>brad_frost</span></a></span> and <span class="h-card" translate="no"><a href="https://hachyderm.io/@jlengstorf" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jlengstorf</span></a></span> (@codetv.dev):</p><p><a href="https://www.youtube.com/watch?v=3_U2tAz4-gk" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=3_U2tAz4-g</span><span class="invisible">k</span></a></p><p><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>videos</span></a> <a href="https://mas.to/tags/howtos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>howtos</span></a> <a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/interviews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interviews</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/Tools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tools</span></a><br>CSS Design Tokens Analyzer · Uncover design tokens from your stylesheet <a href="https://ilo.im/1652ji" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1652ji</span><span class="invisible"></span></a></p><p>_____<br><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/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webpage</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/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> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
castastrophe<p>Web components compadres, what is your favorite way to style your web components? Thinking about techniques that consider customizability and CSS developer experience, as well as performance. Share with me your favorite libraries and tell me why you like their approach! <a href="https://front-end.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webcomponents</span></a> <a href="https://front-end.social/tags/styling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>styling</span></a> <a href="https://front-end.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
Daniel Schildt<p>pastel <a href="https://github.com/sharkdp/pastel" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/sharkdp/pastel</span><span class="invisible"></span></a> looks like a cool tool for playing with colours on a command line environment. It's available for a lot of different systems, and can be installed via package management systems (even on Windows).</p><p><a href="https://mementomori.social/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rust</span></a> <a href="https://mementomori.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a></p>
Frontend Dogma<p>Accessibility in Design Systems, by <span class="h-card" translate="no"><a href="https://fosstodon.org/@devoorhoede" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>devoorhoede</span></a></span>:</p><p><a href="https://www.voorhoede.nl/en/blog/accessibility-in-design-systems/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">voorhoede.nl/en/blog/accessibi</span><span class="invisible">lity-in-design-systems/</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mas.to/tags/eaa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>eaa</span></a></p>
Frontend Dogma<p>Design Systems of the Future, by @bencallahan.com:</p><p><a href="https://bencallahan.com/design-system-of-the-future" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bencallahan.com/design-system-</span><span class="invisible">of-the-future</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/outlooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>outlooks</span></a> <a href="https://mas.to/tags/metrics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>metrics</span></a></p>
Andrew Flegg<p>Today I had cause to get out my old <a href="https://social.linux.pizza/tags/Acorn" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Acorn</span></a> <a href="https://social.linux.pizza/tags/RISCOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RISCOS</span></a> 3 Style Guide to demonstrate that the fundamentals of good <a href="https://social.linux.pizza/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> can date back well over 30 years - same with the <a href="https://social.linux.pizza/tags/Apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Apple</span></a> <a href="https://social.linux.pizza/tags/HIG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HIG</span></a>.</p><p>I need to find a modern equivalent that clearly shows the basics for an "intro to usability" post. Most <a href="https://social.linux.pizza/tags/designSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designSystems</span></a> seem overly focused on their components, rather than the principles of a good WIMP system.</p><p><a href="https://social.linux.pizza/tags/RetroComputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RetroComputing</span></a></p>
Frontend Dogma<p>The Politics of Design Systems, by @jondaiello.bsky.social:</p><p><a href="https://www.jondaiello.com/posts/the-politics-of-design-systems" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">jondaiello.com/posts/the-polit</span><span class="invisible">ics-of-design-systems</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
Frontend Dogma<p>Reimagining Design Systems as Evolving Products, by @uxmatters.bsky.social:</p><p><a href="https://www.uxmatters.com/mt/archives/2025/06/reimagining-design-systems-as-evolving-products.php" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">uxmatters.com/mt/archives/2025</span><span class="invisible">/06/reimagining-design-systems-as-evolving-products.php</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
Frontend Dogma<p>6 Ways to Use Documentation Analytics in Your Next Design System Launch, by (not on Mastodon or Bluesky):</p><p><a href="https://www.supernova.io/blog/6-ways-to-use-documentation-analytics-in-your-next-design-system-launch" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">supernova.io/blog/6-ways-to-us</span><span class="invisible">e-documentation-analytics-in-your-next-design-system-launch</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>documentation</span></a> <a href="https://mas.to/tags/analytics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>analytics</span></a></p>
trisweb<p>The most customer-focused engineers and UX designers I've worked with don't really care that much about Design Systems.</p><p>The user and how tasks work for them are the number one priority. Even if it's inefficient, difficult, or more time consuming.</p><p>They still think in design systems, and modularity, and making things easier to build and design--but it's always second fiddle to what the software is actually able to do.</p><p>I think that's very right.</p><p><a href="https://m.trisweb.com/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://m.trisweb.com/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://m.trisweb.com/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://m.trisweb.com/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://m.trisweb.com/tags/Software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Software</span></a> <a href="https://m.trisweb.com/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Frontend Dogma<p>Integrating Localization Into Design Systems, by <span class="h-card" translate="no"><a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>smashingmag</span></a></span>:</p><p><a href="https://www.smashingmagazine.com/2025/05/integrating-localization-into-design-systems/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">smashingmagazine.com/2025/05/i</span><span class="invisible">ntegrating-localization-into-design-systems/</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/localization" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>localization</span></a> <a href="https://mas.to/tags/figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>figma</span></a> <a href="https://mas.to/tags/casestudies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>casestudies</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/Findings" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Findings</span></a><br>Design Tools Survey 2024 · Figma dominates, but specialist tools satisfy users most <a href="https://ilo.im/1646x3" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1646x3</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Survey" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Survey</span></a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Prototyping</span></a> <a href="https://mastodon.social/tags/UserResearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UserResearch</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/DesignProcess" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignProcess</span></a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTool</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UxDesign</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></p>
Frontend Dogma<p>Done With Components, by <span class="h-card" translate="no"><a href="https://social.design.systems/@donnie" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>donnie</span></a></span>:</p><p><a href="https://blog.damato.design/posts/done-with-components/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.damato.design/posts/done-</span><span class="invisible">with-components/</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>components</span></a></p>
Frontend Dogma<p>Design System Documentation Is Essential—as Long as It’s Good, by @pjonori.com:</p><p><a href="https://pjonori.blog/posts/design-system-documentation/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pjonori.blog/posts/design-syst</span><span class="invisible">em-documentation/</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>documentation</span></a> <a href="https://mas.to/tags/content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>content</span></a> <a href="https://mas.to/tags/writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>writing</span></a> <a href="https://mas.to/tags/principles" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>principles</span></a></p>
Tony M<p>Explore how AI is changing the way we build systems—from design tokens to delivery pipelines. A blueprint for the new UI stack.</p><p><a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/automation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>automation</span></a> <a href="https://mastodon.social/tags/bluesky" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bluesky</span></a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.social/tags/systems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>systems</span></a></p><p><a href="https://medium.com/design-systems-collective/how-ai-integrated-design-systems-and-generative-component-libraries-work-a060897b8abb" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/design-systems-coll</span><span class="invisible">ective/how-ai-integrated-design-systems-and-generative-component-libraries-work-a060897b8abb</span></a></p>
Amy Hupe<p>Just a couple of tickets left now for my Writing design systems documentation session at 10am-1pm next Thursday, 29 May.</p><p>If you're available and want to learn how to create docs people can find, understand and use, I'd love to have you.</p><p>Tell your friends!</p><p><a href="https://bit.ly/4j2rW2D" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bit.ly/4j2rW2D</span><span class="invisible"></span></a></p><p><a href="https://social.design.systems/tags/UXWriting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXWriting</span></a> <a href="https://social.design.systems/tags/WriteTheDocs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WriteTheDocs</span></a> <a href="https://social.design.systems/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a></p>
Frontend Dogma<p>Bias in Design Systems, by @bencallahan.com:</p><p><a href="https://bencallahan.com/bias-in-design-systems" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bencallahan.com/bias-in-design</span><span class="invisible">-systems</span></a></p><p><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>documentation</span></a> <a href="https://mas.to/tags/collaboration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>collaboration</span></a> <a href="https://mas.to/tags/processes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>processes</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/Analyses" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Analyses</span></a><br>Figma Dreamweaver · “Figma Sites brings back memories of the early 00s.” <a href="https://ilo.im/163sga" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163sga</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Figma</span></a> <a href="https://mastodon.social/tags/WYSIWYG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WYSIWYG</span></a> <a href="https://mastodon.social/tags/Semantics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Semantics</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UxDesign</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>
Thomas Rigby<p><span>Fresh on my </span><a href="https://fedia.social/tags/blog" rel="nofollow noopener" target="_blank">#blog</a><span> "Are we really still just giving developers pictures of websites?"<br></span><a href="https://fedia.social/tags/design" rel="nofollow noopener" target="_blank">#design</a><span> </span><a href="https://fedia.social/tags/ux" rel="nofollow noopener" target="_blank">#ux</a><span> </span><a href="https://fedia.social/tags/DesignSystems" rel="nofollow noopener" target="_blank">#DesignSystems</a><span> </span><a href="https://fedia.social/tags/FrontEndDev" rel="nofollow noopener" target="_blank">#FrontEndDev</a><span><br></span><a href="https://thomasrigby.com/posts/are-we-really-still-just-giving-developers-pictures-of-websites/" rel="nofollow noopener" target="_blank">thomasrigby.com/posts/are-we-really-still-just-giving-developers-pictures-of-websites/</a></p>