Create accountLogin

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:

245
active users

shakedown.social: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#designsystems

0 posts0 participants0 posts today
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 noreferrer" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Figma</span></a></p>
Stu Robson<p>Need a quick start to creating some design tokens with a ready-made naming convention? </p><p>Romina has made this pretty neat tool:</p><p><a href="https://namedesigntokens.guide" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">namedesigntokens.guide</span><span class="invisible"></span></a></p><p>🙏🖤</p><p><a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignTokens</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a></p>
Stu Robson<p>🎉 new article alert 🎉</p><p>👀 In the ninth article in my design tokens workflow series we look at –</p><p>📰 Implementing Multi-Brand Theming with Style Dictionary</p><p>🌐 <a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-9" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">alwaystwisted.com/articles/a-d</span><span class="invisible">esign-tokens-workflow-part-9</span></a></p><p><a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignTokens</span></a> <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystems</span></a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</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 noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.social/tags/designtokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designtokens</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>designtokens</span></a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.social/tags/designtokens" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>designsystems</span></a><br><a href="https://mastodon.social/tags/designtokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designtokens</span></a><br><a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a><br><a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <br><a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <br><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a><br><a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#<span>DesignSystems</span></a>, <a href="https://social.design.systems/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a>, <a href="https://social.design.systems/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponents</span></a>, <a href="https://social.design.systems/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebPerf</span></a>, <a href="https://social.design.systems/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a>, <a href="https://social.design.systems/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Eleventy</span></a>, <a href="https://social.design.systems/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a>, <a href="https://social.design.systems/tags/Inclusion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Inclusion</span></a>, <a href="https://social.design.systems/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typography</span></a>, <a href="https://social.design.systems/tags/Music" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.design/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.design/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.design/tags/productdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>productdesign</span></a> <a href="https://mastodon.design/tags/designsystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.design/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ai</span></a> <a href="https://mastodon.social/tags/productdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>productdesign</span></a> <a href="https://mastodon.social/tags/designprocess" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.social/tags/packaging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>packaging</span></a> <a href="https://mastodon.social/tags/halloween" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">@<span>beep</span></a></span> interested in your Opinions™)<br><a href="https://mastodon.design/@DavidDarnes/112281559307211608" rel="nofollow noopener noreferrer" 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 noreferrer" 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 noreferrer" 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 noreferrer" target="_blank">#<span>designsystems</span></a></p>
Scott<p>Any <a href="https://better.boston/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a> <a href="https://better.boston/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> <a href="https://better.boston/tags/NextJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NextJS</span></a> <a href="https://better.boston/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://better.boston/tags/WebDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" 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 noreferrer" target="_blank">#<span>DesignSystems</span></a> <a href="https://better.boston/tags/UIdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIdesign</span></a> <a href="https://better.boston/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://better.boston/tags/UXdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXdesign</span></a></p>
Scott Jenson<p>I expect, for example, that LLMs plus <a href="https://social.coop/tags/designsystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designsystems</span></a> could be amazing.</p><p>But please, stop saying "Design is dead" that only shows how little you understand about design.<br>3/3</p>
ExploreLive feeds
About