What are Design Tokens? | Penpot 2.6
https://peertube.kaleidos.net/videos/watch/63dce79f-b771-4337-8462-c61ac59b4d72
What are Design Tokens? | Penpot 2.6
https://peertube.kaleidos.net/videos/watch/63dce79f-b771-4337-8462-c61ac59b4d72
Creating Design Tokens | Penpot 2.6
https://peertube.kaleidos.net/videos/watch/5cee36d7-7f6b-4954-89c5-94f23c962bbe
Exciting news
I've just released 2 new dates for my Writing #DesignSystem documentation training:
- 1:30-5pm UK time, 23 May: https://bit.ly/4lpG9Z2
- 9am-12:30pm UK time, 29 May: http://bit.ly/4j2rW2D
A half-day course that will teach you how to plan, write and test docs that users will actually read.
1/2
#Design #Examples
From real to digital · How UI components are inspired by real-world objects https://ilo.im/162y07
_____
#UI #Components #Interactivity #DesignSystem #ProductDesign #UxDesign #UiDesign #WebDesign #Inspiration
Been building a Card component for our #DesignSystem. Trickier than you might think.
To make the card surface clickable, it uses an approach from @heydon 's excellent https://inclusive-components.design/cards/ post, albeit wrapped up as a #WebComponent that progressively enhances a link/button in the card's content.
Also taking cues from @nathanacurtis sub components post https://medium.com/eightshapes-llc/subcomponents-753ce9f6600a and giving our consumers a suite of building blocks to assemble whatever specialsed card variations they need.
Updated the select menu to operate closer to the way figma's does (swapped out the CSS variables to match figma's UI3 for the demo).
Eventually custom select menus will be possible without JS, but I think it's still getting agreement.
@stuffbreaker 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 #a11y to the surface, bring #performance to the surface, bring #usability 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 #designSystem.
#Design #Guidelines
Design systems need a color space · Ignoring color spaces is no longer an option https://ilo.im/162qtm
_____
#Color #ColorSpace #DesignToken #DesignSystem #ProductDesign #UiDesign #VisualDesign #WebDesign
Migrated a couple more old Medium posts to my personal website: #DesignSystem Architecture https://cirrus.twiddles.com/blog/2017/04/28/design-system-architecture/ 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.
Rethinking atomic design. I think it might be time to reconsider… | by Luis Ouriach | Mar, 2025 | Medium
https://medium.com/@disco_lu/rethinking-atomic-design-f578844efde2
To view the Chrome WebUI Gallery, open your Chrome browser and navigate to chrome://webui-gallery/
#Design #Launches
Design Tokens · A glossary of concepts around design tokens https://ilo.im/162nq3
_____
#Glossary #Terminology #DesignTokens #DesignSystem #UiDesign #WebDesign #Development #WebDev #Frontend
Pleased to be sneaking some #ProgressiveEnhancement into the #DesignSystem we're building at Investec.
Currently making an Accordion component using #HTML <details> & < summary>, which requires zero client-side #JS. Until #interop2025 brings ::details-content support to Firefox & Safari, the opening / closing won't be animated in those browsers. But, we're cool with that. It's still perfectly usable without animations.
Ge UI-komponenter ett eget API
Johan West om att bygga gränssnitt utan att låsa fast sig i ett UI-bibliotek.
Ett utdrag ur Kodsnack 629, lyssna där poddar finns och på kodsnack.se
#podcast #ux #designsystem
Wanted to share thoughts on some consultancy I did with a developer that wasn't building a #DesignSystem, but consuming one:
https://designsystems.wtf/system-of-least-resistance/
1,932 files for about 38 MB… now sure we tested all the cases for our design system. All the cases, for today.
Happy to use the swift-snapshot-testing library for these UI tests
We had some custom #stickers made as a gift for our Investec #DesignSystem's early adopters. Revealed it as a surprise during a demo session where they each showed off how they'd been using our design system in their projects.
Quite pleased with how they turned out!
#Design #Introductions
The digital playbook · A crucial counterpart to your design system https://ilo.im/1623of
_____
#Business #Projects #Stakeholder #Workflow #DigitalPlaybook #DesignSystem #ProductDesign #UxDesign #UiDesign #WebDesign
I like #Mastodon. After emigrating here from Twitter shortly after it was taken over in 2022, I've appreciated the lack of ads, algorithmic feeds, and, of course, the community.
However, I've noticed that a lot of #DesignSystem people I used to follow on Twitter have ended up on #BlueSky only, or they're more active there than here.
I have therefore setup an account there, so that I can once again engage with those peeps: https://bsky.app/profile/cirrus.twiddles.com
I intend to use both. If anything...