Lmst

design like it's 1997. code like it's 2025. :catjam:

#ui #WebDesign #DesignSystem #DesignTokens #css

A screenshot of a web application called "Design Tokens Generator v1.0" with Chrome's developer tools open, creating a split-screen view. The top portion shows the main application interface with a light gray header containing the title and instructions, followed by a large white text input area labeled "Input JSON" that contains code defining font weight tokens with curly braces and properties like "fontWeight" with values for light and dark themes, and below that are three radio button options for output format with "CSS" currently selected, "iOS SwiftUI" and "Android Compose" as alternatives. The bottom half displays Chrome's Developer Tools panel split into two sections: the left side shows HTML source code in a dark theme with white text and colored syntax highlighting, while the right side contains a CSS styles panel with a long scrollable list of CSS custom properties that all begin with double dashes (like --color-desktop-background, --color-surface-primary) using oklch color values with specific numeric parameters covering colors, spacing, and font sizes, plus a small visual box model diagram in the upper right showing padding and dimensions of 1280x1157.48 pixels, indicating this tool converts design token JSON input into usable CSS variables for web development.

#Design #Approaches
The politics of design systems · “Building trust matters more than building components.“ https://ilo.im/164p9q

_____
#Business #Stakeholders #Trust #Collaboration #DesignSystem #UiDesign #WebDesign #Development #WebDev #Frontend

#Development #Approaches
Accessibility in design systems · How accessible features fit into design components https://ilo.im/164rt6

_____
#DesignSystem #Accessibility #Business #Regulation #EAA #Design #UiDesign #WebDesign #WebDev #Frontend

Bringing together #DesignSystem actors across the German public sector, the IT-Systemhaus @bundesagentur.bsky.social connected with @itzbund.bsky.social, @digitalservice.bund.de, and Dataport today to discuss how we can better collaborate and join forces. More exchange is to come!

A man stands in front of a group during a workshop, holding a white oval card with the words “Once - Only (OO)” written on it. Behind him, colorful sticky notes are pinned to a board. Three other men are present, two seated and one standing, listening attentively. The setting appears to be a modern office or conference room.

Some nice examples and a good categorization for all the different purposes a "design system" might need to serve.

The Multi-All-The-Things Organization | Brad Frost
https://bradfrost.com/blog/post/the-multi-all-the-things-organization/

#uxdesign #designsystem

"...building the [design] system was the easy part. Getting people to care about it? That’s the real work. And that’s where building relationships comes in." #DesignSystem #UX https://uxdesign.cc/the-politics-of-design-systems-cdfd0c850897

Notes on creating a design system - "...great designs failed when implementation was an afterthought, while strategic rollouts succeeded regardless of aesthetic ambition." #DesignSystem https://uxdesign.cc/i-tried-three-ways-to-ship-a-design-system-heres-what-actually-worked-313228ca8e69

#Development #Releases
Storybook 9 · Testing UI components gets smarter with new tooling https://ilo.im/164ddl

_____
#Storybook #Tooling #Testing #Component #DesignSystem #UiDesign #WebDesign #Development #WebDev #Frontend

#goodies #OUDS #DesignSystem #laser #DIY #opensource #Swift #iosdev

A black plate cut by laser and with a metal side. There are some writings in the plate like “Orange Unified Design System” and the male “Pierre-Yves Lapersonne” described below as a “Magus of Swift Incantations”.

Google released a new version of its design system, a kind of extension kit, in alpha version: Material 3 Expressive, more energetic, positive and expressive.

#Android #androiddev #designsystem #material3

https://m3.material.io/blog/building-with-m3-expressive

Dan Heflin’s UX Journey: Lilly Design System Overhaul | Medium

https://medium.com/@DanHeflin/my-design-system-journey-d3796b906b7b

#ux #designsystem

The Invisible Work Behind a Functional Design System. | by Kristina Gudim | May, 2025 | Design Systems Collective

https://www.designsystemscollective.com/the-invisible-work-behind-a-functional-design-system-c208de93239c

#designsystem #ux #ui

AI in Design Systems: Should Components Start Thinking? | by Shubhra Shree | May, 2025 | Design Systems Collective

https://www.designsystemscollective.com/ai-in-design-systems-should-components-start-thinking-c0e28c7f929c

#designsystem #AI #ux #ui

Auditing — The Forgotten Step in Design Systems. | by Murali | May, 2025 | Design Systems Collective

https://www.designsystemscollective.com/auditing-the-forgotten-step-in-design-systems-8ea5f4106828

#designsystem #ux #ui

Why your design system is breaking, even though it looks perfect! | by Zeba Dalal | Bootcamp | May, 2025 | Medium

https://medium.com/design-bootcamp/why-your-design-system-is-breaking-even-though-it-looks-perfect-6ef4ead64ab2

#designsystem #ux #ui

Dear Devs/ Design Engineers of the Fediverse:
Did you establish a design system in creating your personal site? If yes, was it totally overengineering?
And why not?
Asking for a friend. 😛
#ux #ui #css #designsystem