Recent searches

No recent searches

Search options

Only available when logged in.
shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

253
active users

shakedown.social: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.3

#designsystems

1 post1 participant0 posts today
Stu Robson<p>What's that‽ </p><p>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"><span class="invisible">https://</span><span class="">news.design.systems</span><span class="invisible"></span></a>? </p><p>There's a fresh email prep'd and ready for 10am today? </p><p>You've still not signed up?</p><p>🙏🖤 </p><p><a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</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>
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>
Dan V Peterson<p>Any of my design systems friends know of a good chart/data viz Figma plugin that can be tied to a variable library (without the variables having to live in the same file)? </p><p>Boosts appreciated 🚀 </p><p><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/Figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Figma</span></a></p>
brad_frost<p>Excited to present my Advanced Design Systems workshop with <span class="h-card" translate="no"><a href="https://mastodon.social/@smashingconf" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>smashingconf</span></a></span> on Feb 18–26. You'll learn:</p><p>- The design system ecosystem<br>- Design system adoption<br>- Token architecture<br>- Component API structure<br>- Governance<br>- Team model<br>- A lot more!</p><p>Learn more and sign up here: <a href="https://smashingconf.com/online-workshops/workshops/advanced-design-systems-brad-frost/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">smashingconf.com/online-worksh</span><span class="invisible">ops/workshops/advanced-design-systems-brad-frost/</span></a></p><p><a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
brad_frost<p>We've been making great progress on our Design Tokens Course over the break and <span class="h-card" translate="no"><a href="https://mastodon.social/@frostyweather" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>frostyweather</span></a></span> and I are SUPER PUMPED. We're going to send out an email with a big update tomorrow; you can sign up to preorder the course and/or stay in the loop here: <a href="https://designtokenscourse.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">designtokenscourse.com/</span><span class="invisible"></span></a></p><p><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/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</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/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Dave 🧱 :cursor_pointer:<p>What does the title <a href="https://mastodon.design/tags/DesignEngineer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignEngineer</span></a> mean to you?</p><p>I'm putting together an article and I'd love to hear what your thoughts are, especially in relation to <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a>. Boost for reach? 💜</p>
brad_frost<p>Putting this design tokens course together is SO MUCH FUN.</p><p>We're putting the preorder-exclusive content together and already have: </p><p>⦿ Over 2 hours of video<br>⦿ Immediate next steps and homework for teams to explore across 8 areas<br>⦿ Several dozen links to articles on key concepts and design token tools</p><p>You can learn more about the course and preorder here: <a href="https://designtokenscourse.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">designtokenscourse.com/</span><span class="invisible"></span></a></p><p><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></p>
brad_frost<p>I was finally able to blog about our new design tokens course! <a href="https://bradfrost.com/blog/post/introducing-subatomic-the-complete-guide-to-design-tokens/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bradfrost.com/blog/post/introd</span><span class="invisible">ucing-subatomic-the-complete-guide-to-design-tokens/</span></a></p><p>I'll have more to say soon, but I am so incredibly excited about this on so many levels, including finally having a format where we can really go DEEP into a topic without having to worry about running out of time. Freaking pumped.</p><p><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/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a></p>
brad_frost<p>You can learn more and preorder the course here: <a href="https://designtokenscourse.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">designtokenscourse.com/</span><span class="invisible"></span></a></p><p>Struggling with tokens? Have questions? Lemme know and I'll be happy to answer. </p><p>SO FREAKING PUMPED ABOUT THIS!</p><p><a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a><br><a href="https://mastodon.social/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a><br><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a><br><a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <br><a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <br><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a><br><a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Ariel Salminen<p>Hei all new followers! 👋🏻 I’m Arielle and into <a href="https://social.design.systems/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a>, <a href="https://social.design.systems/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a>, <a href="https://social.design.systems/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a>, <a href="https://social.design.systems/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a>, <a href="https://social.design.systems/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a>, <a href="https://social.design.systems/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a>, <a href="https://social.design.systems/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a>, <a href="https://social.design.systems/tags/Inclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Inclusion</span></a>, <a href="https://social.design.systems/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typography</span></a>, <a href="https://social.design.systems/tags/Music" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Music</span></a> and other stuff! There may be (lots?) of random posts as well. Delighted to meet you 🧡🏳️‍🌈</p>
Mathieu Lefebvre :cursor_move:<p>Hi everyone! 👋 Like Bluesky’s initiative, I’ve created a starter pack of designers on Mastodon to help you connect with UX/UI/Product designers here. 🎨✨</p><p>If you’d like to be part of the list, just @ me and make sure your account discoverability is enabled. ✅</p><p>👉 Check out the starter pack here: <a href="https://fedidevs.com/s/NTU/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">fedidevs.com/s/NTU/</span><span class="invisible"></span></a></p><p>Let’s grow this fediverse community together! 🚀</p><p><a href="https://mastodon.design/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.design/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.design/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.design/tags/productdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>productdesign</span></a> <a href="https://mastodon.design/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.design/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fediverse</span></a></p>
brad_frost<p>It was fun to splat out lessons learned from over 11 years of doing design systems work, like: <br>⦿ Atomic design and its continued relevance<br>⦿ AI's impact on the future of design systems<br>⦿ Design system adoption and product relationship<br>⦿ Designer-developer collaboration<br>⦿ Global design system</p><p>Hope there's something useful in there for you! Curious to know if anything resonated with you. </p><p><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/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</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/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</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/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ai</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/designprocess" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designprocess</span></a></p>
brad_frost<p>We see a ton of "issues" that show up as "design system bugs" that aren't really issues or bugs at all. All users know is that the system isn't working for them. It's the DS team's job to help them. </p><p>I dig into the nuance of handling these issues here: <a href="https://bigmedium.com/ideas/design-system-governance-bugs-design-discrepancies.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bigmedium.com/ideas/design-sys</span><span class="invisible">tem-governance-bugs-design-discrepancies.html</span></a></p><p><a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
brad_frost<p>Here's the Halloween-meets-design-systems post you didn't know you needed. The ever-astute Ian Frost said "didn't the green apple Blow Pop have a different design than the other flavors before?" Why, yes it did! Until the creation of the Charms Blow Pop Wrapper Design System. </p><p><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/packaging" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>packaging</span></a> <a href="https://mastodon.social/tags/halloween" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>halloween</span></a></p>
Dan V Peterson<p>Interesting article on how the US gov design system came to be. </p><p>"Before the internet, Americans may have interacted with the federal government by stepping into grand buildings adorned with impressive stone columns and gleaming marble floors. Today, the neoclassical architecture of those physical spaces has been (at least partially) replaced by the digital architecture of website design—HTML code, tables, forms, and buttons."</p><p><a href="https://www.technologyreview.com/2024/06/26/1093656/us-government-website-design-accessibility/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">technologyreview.com/2024/06/2</span><span class="invisible">6/1093656/us-government-website-design-accessibility/</span></a></p><p><a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a></p>
Dave 🧱 :cursor_pointer:<p>I realise this poll was somewhat controversial, I should've turned on the option to select both (cool that Mastodon does that!). Also not a surprise that most people selected ‘Developer' down to where I posted the poll and my audience. </p><p>However I also think that people working on <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> often begin the design work and end up doing the implementation work as well. Though I could be wrong (cc <span class="h-card" translate="no"><a href="https://follow.ethanmarcotte.com/@beep" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>beep</span></a></span> interested in your Opinions™)<br><a href="https://mastodon.design/@DavidDarnes/112281559307211608" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.design/@DavidDarnes/1</span><span class="invisible">12281559307211608</span></a></p>
Dave 🧱 :cursor_pointer:<p>“I work on <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> and I am a…”</p>
brad_frost<p>I'm excited to talk about systems of systems and themeable design systems with Knapsack in a little less than an hour and half. </p><p>There's still time to sign up: <a href="https://knapsack-cloud.zoom.us/webinar/register/WN_vDReTlGnS4al0KWTAp0tXA#/registration" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">knapsack-cloud.zoom.us/webinar</span><span class="invisible">/register/WN_vDReTlGnS4al0KWTAp0tXA#/registration</span></a></p><p><a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
Scott<p>Any <a href="https://better.boston/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://better.boston/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://better.boston/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJS</span></a> <a href="https://better.boston/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://better.boston/tags/WebDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDeveloper</span></a> folks out there know of good documentation, blogs, books, articles, etc on design systems and component libraries? We are trying to solve the problem of how to maintain and contribute to our aging and increasingly unwieldy component library and this feels like something that has been solved by smarter people before. <a href="https://better.boston/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://better.boston/tags/UIdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIdesign</span></a> <a href="https://better.boston/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://better.boston/tags/UXdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXdesign</span></a></p>
TrendingLive feeds
About