Veganism Social

Alberto Fernández #UX #DESIGNMy 2025 predictions for the future of design systems | by Lewis Healey | Bootcamp | Medium<a href="https://medium.com/design-bootcamp/my-2025-predictions-for-the-future-of-design-systems-0c12c8f72e1c" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://medium.com/design-bootcamp/my-2025-predictions-for-the-future-of-design-systems-0c12c8f72e1c</a><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a>

Alberto Fernández #UX #DESIGNBeyond Atomic Design: Why Component Libraries Might Be The Better Starting Point | by Nick McLoota | Mar, 2025 | Design Systems Collective<a href="https://www.designsystemscollective.com/beyond-atomic-design-why-component-libraries-might-be-the-better-starting-point-71594e889e2c" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.designsystemscollective.com/beyond-atomic-design-why-component-libraries-might-be-the-better-starting-point-71594e889e2c</a><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a href="https://mastodon.social/tags/atomicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#atomicdesign</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a>

Alberto Fernández #UX #DESIGNExploring a new typographic token system and naming conventions adapted to a responsive platform | by Amaya Eguizábal | Apr, 2025 | Design Systems Collective<a href="https://www.designsystemscollective.com/exploring-a-new-typographic-token-system-and-naming-conventions-adapted-to-a-responsive-platform-e1f93d620205" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.designsystemscollective.com/exploring-a-new-typographic-token-system-and-naming-conventions-adapted-to-a-responsive-platform-e1f93d620205</a><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a href="https://mastodon.social/tags/typhography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typhography</a> <a href="https://mastodon.social/tags/token" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#token</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a>

PenpotWhat are Design Tokens? | Penpot 2.6<a href="https://peertube.kaleidos.net/videos/watch/63dce79f-b771-4337-8462-c61ac59b4d72" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://peertube.kaleidos.net/videos/watch/63dce79f-b771-4337-8462-c61ac59b4d72</a>

Hacker NewsDesign System Options for Rails<a href="https://businessclasskit.com/blog/design-system-options-for-rails" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://businessclasskit.com/blog/design-system-options-for-rails</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/Rails" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Rails</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UIUX</a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/BestPractices" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BestPractices</a>

DannyJust published my first figma plugin, which generates sheets of component requests and updates for your design system team in figma. If you need to update one request, just select a sheet and open the plugin. Most fields will be prefilled. <a href="https://www.figma.com/community/plugin/1484096512949514934/component-request" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.figma.com/community/plugin/1484096512949514934/component-request</a><a href="https://mastodon.social/tags/figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#figma</a> <a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a href="https://mastodon.social/tags/buildinpublic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#buildinpublic</a>

Amy HupeExciting news 📣I've just released 2 new dates for my Writing <a href="https://social.design.systems/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> documentation training:- 1:30-5pm UK time, 23 May: <a href="https://bit.ly/4lpG9Z2" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bit.ly/4lpG9Z2</a> - 9am-12:30pm UK time, 29 May: <a href="http://bit.ly/4j2rW2D" rel="nofollow noopener noreferrer" translate="no" target="_blank">http://bit.ly/4j2rW2D</a>A half-day course that will teach you how to plan, write and test docs that users will actually read.1/2

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Examples" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Examples</a> From real to digital · How UI components are inspired by real-world objects <a href="https://ilo.im/162y07" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162y07</a>_____ <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Components</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Inspiration</a>

Greg KaplanI think <a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#apple</a> designers did a great job with the <a href="https://mastodon.social/tags/visionOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visionOS</a> <a href="https://mastodon.social/tags/designSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designSystem</a>. Their video talks all about it.If there's any hints to what visionOS "inspired" means, it'd likely be coming directly from the source.Here's what they have to say about app icons:- They react to people interacting with them - They take on environmental effects - They have 3D depth with parallax layers - Each layer is a square image the OS does the circular mask.<a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a><a href="https://developer.apple.com/videos/play/wwdc2023/10076/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.apple.com/videos/play/wwdc2023/10076/</a>

westbrook<a href="https://mastodon.social/@stuffbreaker" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stuffbreaker</a> Is this a "Hot Take"? I thought this was _just the facts_. ™️If there is a developer between you and an end user your user is the developer. Make their job easier, bring <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> to the surface, bring <a href="https://mastodon.social/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#performance</a> to the surface, bring <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> to the surface by making it such that what is easy is what is right and what is right will serve their use (maybe the end user) in was that they would likely not have done without your <a href="https://mastodon.social/tags/designSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designSystem</a>.<a href="https://mastodon.social/tags/developingDesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#developingDesignSystems</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/users" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#users</a>

Alberto Fernández #UX #DESIGNHow to Ensure Consistency Across Platforms in Your Design System | by Shane P Williams | Mar, 2025 | Design Systems Collective<a href="https://www.designsystemscollective.com/how-to-ensure-consistency-across-platforms-in-your-design-system-9f671273a0ef" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.designsystemscollective.com/how-to-ensure-consistency-across-platforms-in-your-design-system-9f671273a0ef</a><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a>

Alberto Fernández #UX #DESIGNMastering Design Systems: Navigating Through Maturity Levels with Expertise | by Aditya Kumar | Medium<a href="https://medium.com/@adityakum197/mastering-design-systems-navigating-through-maturity-levels-with-expertise-362c91e30c69" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://medium.com/@adityakum197/mastering-design-systems-navigating-through-maturity-levels-with-expertise-362c91e30c69</a><a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a>

Dave 🧱 :cursor_pointer:Wanted to share thoughts on some consultancy I did with a developer that wasn't building a <a href="https://mastodon.design/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a>, but consuming one: <a href="https://designsystems.wtf/system-of-least-resistance/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://designsystems.wtf/system-of-least-resistance/</a>

Pierre-Yves Lapersonne<a href="https://pixelfed.social/discover/tags/goodies?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#goodies</a> <a href="https://pixelfed.social/discover/tags/OUDS?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#OUDS</a> <a href="https://pixelfed.social/discover/tags/DesignSystem?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> <a href="https://pixelfed.social/discover/tags/laser?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#laser</a> <a href="https://pixelfed.social/discover/tags/DIY?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#DIY</a> <a href="https://pixelfed.social/discover/tags/opensource?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a>

mopotekDoes anyone know of an Open Source (or purchasable) Design System that - has great built-in accessibility (contrast, alt text, ARIA, etc) - has an extensive amount of components (tables, data viz, date pickers, progress indicators, dropdowns, etc) - is compatible with Angular - is easily customizable (fonts, colors) - has a Figma component UI kit We're exploring if we can adapt an existing DS instead of building our own from scratch. Our best candidate right now is Carbon by IBM but it would require a lot of personalization to match our playful branding. Material for Angular didn't have good enough Figma file <a class="hashtag" href="https://bdx.town/tag/designsystem" rel="nofollow noopener noreferrer" target="_blank">#designsystem</a> <a class="hashtag" href="https://bdx.town/tag/designsystems" rel="nofollow noopener noreferrer" target="_blank">#designsystems</a> <a class="hashtag" href="https://bdx.town/tag/productdesign" rel="nofollow noopener noreferrer" target="_blank">#productdesign</a> <a class="hashtag" href="https://bdx.town/tag/uxdesign" rel="nofollow noopener noreferrer" target="_blank">#uxdesign</a> <a class="hashtag" href="https://bdx.town/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a class="hashtag" href="https://bdx.town/tag/frontend" rel="nofollow noopener noreferrer" target="_blank">#frontend</a>

Neil CraigIf Website Design Systems are your thing, we (the BBC) have ours available for you to read. It's not my area but I thought it might be useful to share. I'm told some elements might not make total sense if you don't know some BBC systems/processes.<a href="https://static.files.bbci.co.uk/core/storybook/index.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://static.files.bbci.co.uk/core/storybook/index.html</a><a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/StoryBook" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StoryBook</a> <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/BBC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BBC</a>

Daniele T.Three generations of guidelines, tools and processes to improve the quality in <a href="https://mastodon.uno/tags/Italy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Italy</a>’s digital public services. An article for <a href="https://social.opensource.org/@opensourcenet" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@opensourcenet</a>. Feedback welcome🖖<a href="https://opensource.net/italy-open-design-public-websites/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://opensource.net/italy-open-design-public-websites/</a><a href="https://mastodon.uno/tags/designSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designSystem</a> <a href="https://mastodon.uno/tags/openDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#openDesign</a> <a href="https://mastodon.uno/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.uno/tags/DesignersItalia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignersItalia</a> <a href="https://mastodon.uno/tags/Italia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Italia</a> <a href="https://social.opensource.org/@osi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@osi</a> <a href="https://hachyderm.io/@nmar" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@nmar</a>

Dave 🧱 :cursor_pointer:So you've finished your <a href="https://mastodon.design/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a>. All left for you now is to share those sweet links with an announcement speech in Slack and watch the 🎉 reactions roll in... Well, I have some bad news; the fight has only just begun.But fear not! I've shared a list of tools on the <a href="https://mastodon.social/@zeroheight" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zeroheight</a> blog that you can use to arm yourself with probably the most important thing you can surface from your design system, adoption metrics:<a href="https://zeroheight.com/blog/how-to-track-adoption-in-your-design-system/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://zeroheight.com/blog/how-to-track-adoption-in-your-design-system/</a>

Michal Bryxí 🌱If you've been following me for a while you know that:1) I'm a loud advocate of good UX above everything else. 2) I'm not a fan of the "design systems".Why (2)? Because largely I believe it failed to deliver (1). From my experience Design Systems are an awesome drop-in solution for 99% of *anyone's* cases if and only if:a) You take the design system as-is and are willing to bend your design choices so it does not violate said design system. b) You don't develop your own design system (this would directly violate (a)). c) Everyone in the team understands the interactions and intentions of every piece perfectly.Sadly pretty much every company violates any or all of the above.<a href="https://veganism.social/tags/UX" class="mention hashtag" rel="tag">#UX</a> <a href="https://veganism.social/tags/DesignSystem" class="mention hashtag" rel="tag">#DesignSystem</a> <a href="https://veganism.social/tags/NotInventedHere" class="mention hashtag" rel="tag">#NotInventedHere</a> <a href="https://veganism.social/tags/Simplify" class="mention hashtag" rel="tag">#Simplify</a>

Dave 🧱 :cursor_pointer:"If your <a href="https://mastodon.design/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> contains two fonts, heading font and body copy, then icons are your third. Would you treat your heading font in the same way as your icons?"Shoutout to some great icon designers in the community: @Ilkka, Vic Bell, <a href="https://mastodon.design/@gn" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@gn</a>, Laura Bee, and Prekesh Chavda. Their work is linked in the post below 👇🏻 <a href="https://designsystems.wtf/icons/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://designsystems.wtf/icons/</a>

Recent searches

Search options

Administered by:

Server stats:

#designsystem