Flipboard

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>

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

RecurringBloatware<a href="https://bigshoulders.city/@EvanHahn" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@EvanHahn</a> can you share tips to aspiring devs struggling to create software? Sorry, I know this is a little generic question, but since the last three years I've graduated jobless and I am lacking the motivation to work towards a soul-draining 9-to-5 IT job.Not having any successful - as of now, I am struggling to create my own blog/portfolio in Next + MDX + Tailwind, especially the design aspect.<a href="https://mastodon.social/tags/advice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#advice</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/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</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/uiuxdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#uiuxdesign</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a>

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>

James NashBeen building a Card component for our <a href="https://mstdn.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a>. Trickier than you might think.To make the card surface clickable, it uses an approach from <a href="https://front-end.social/@heydon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@heydon</a> 's excellent <a href="https://inclusive-components.design/cards/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://inclusive-components.design/cards/</a> post, albeit wrapped up as a <a href="https://mstdn.social/tags/WebComponent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponent</a> that progressively enhances a link/button in the card's content.Also taking cues from <a href="https://hci.social/@nathanacurtis" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@nathanacurtis</a> sub components post <a href="https://medium.com/eightshapes-llc/subcomponents-753ce9f6600a" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://medium.com/eightshapes-llc/subcomponents-753ce9f6600a</a> and giving our consumers a suite of building blocks to assemble whatever specialsed card variations they need.

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>

Konstantin DenerzInspired by a design, I created the 3D bookmark with <a href="https://mastodon.world/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> in a @CodePen 🍿 <a href="https://codepen.io/konstantindenerz/full/GgRxXdg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/konstantindenerz/full/GgRxXdg</a>💡 <a href="https://x.com/cerpow/status/1902002944435683613" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://x.com/cerpow/status/1902002944435683613</a><a href="https://mastodon.world/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.world/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.world/tags/gm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gm</a> <a href="https://mastodon.world/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#animation</a> <a href="https://mastodon.world/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecoding</a> <a href="https://mastodon.world/tags/codepen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#codepen</a> <a href="https://mastodon.world/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystem</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>

Alberto Fernández #UX #DESIGNNavigating Politics for Successful Design System Adoption | by Kimberly Wilky | Medium<a href="https://medium.com/@kimberlywilky/politics-for-design-system-adoption-4ef0aeb73d7a" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://medium.com/@kimberlywilky/politics-for-design-system-adoption-4ef0aeb73d7a</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 #DESIGNUntangling Design System Chaos. Cultivating Consistency Through… | by Dean Harrison | Mar, 2025 | Design Systems Collective<a href="https://www.designsystemscollective.com/untangling-design-system-chaos-01380c52b203" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.designsystemscollective.com/untangling-design-system-chaos-01380c52b203</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>

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/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guidelines</a> Design systems need a color space · Ignoring color spaces is no longer an option <a href="https://ilo.im/162qtm" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162qtm</a>_____ <a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.social/tags/ColorSpace" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ColorSpace</a> <a href="https://mastodon.social/tags/DesignToken" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignToken</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/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VisualDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

James NashMigrated a couple more old Medium posts to my personal website: <a href="https://mstdn.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> Architecture <a href="https://cirrus.twiddles.com/blog/2017/04/28/design-system-architecture/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cirrus.twiddles.com/blog/2017/04/28/design-system-architecture/</a> and its TL;DR version.Hard to believe its almost 8 years old! (Have I really been obsessing over design systems for that long?!)This was one of my most read posts: 11.3k views.4 more blog posts to go before all my Medium stuff has been migrated.

Alberto Fernández #UX #DESIGNImplementing a Design System in a React App | by Dzmitry Ihnatovich | Mar, 2025 | Medium<a href="https://medium.com/@ignatovich.dm/implementing-a-design-system-in-a-react-app-10cdeaebcf5c" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://medium.com/@ignatovich.dm/implementing-a-design-system-in-a-react-app-10cdeaebcf5c</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/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react</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 #DESIGNRethinking atomic design. I think it might be time to reconsider… | by Luis Ouriach | Mar, 2025 | Medium<a href="https://medium.com/@disco_lu/rethinking-atomic-design-f578844efde2" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://medium.com/@disco_lu/rethinking-atomic-design-f578844efde2</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>

Recent searches

Search options

Administered by:

Server stats:

#designsystem