Design systems posts from Bluesky and Mastodon. Job bots, npm releases and crypto are kept out.
Ahmad Shadeed @ishadeed.com · Bluesky · 3h
Alma (6yrs) saw "$19.35" on an Amazon toy page and asked why there is a dot. I opened Figma and typed 1, 1.5 and 2 to explain how fractions work. After 15 secs of explaining, I paused and asked her: is it clear? She said: "just order it". I need to work on my teaching skills for kids. :D
Nick Williams @wicky.nillia.ms · Bluesky · 4h
Do games have the equivalent of design systems? I'm working on a word game now and trying to add "juice" and there's a lot to consider. Haptics (length, pattern), animation (easing curves, staggers) sounds (timbre, notes, motifs)
Michal Bryxí @michalbryxi.mastodon.world.ap.brid.gy · Bluesky · 16h
I don’t think I can design systems. Ever. I can build you a thing based on the similarities of what I built before. Or I can do a big number of experiments and re-build things over and over to get myself back to step #1. But I cannot just sit with pen & paper and think in abstract terms about a […]
Original post on mastodon.world
Brad Frost @bradfrost.com · Bluesky · 24h
🎙️ Just published a new episode of Wake Up Excited!: Kaelig Deloumeau-Prigent on the State of AI in Design Systems. Have a listen:
Kaelig Deloumeau-Prigent on the State of AI in Design SystemsWhat does it take to make a design system useful to AI agents? Kaelig...
Cory LaViska @cory.laviska.com · Bluesky · 24h
"The old setup shipped a React runtime, a router, a data-fetching cache and a state library to render mostly static text." Static text doesn't need a runtime. olegchursin.com/notes/swiss-...
Rebuilding this site with Swiss design, Claude Design and LitHow this site went from a Next.js template to a Swiss-style design system of Lit web components, prerendered to plain HTML.
Sina Rezaei @starvixhub.bsky.social · Bluesky · 26h
Choose your developer superpower: 🧠 Debug any code in minutes ⚡ Build any feature in an hour 🏗️ Design systems that scale 🐛 Find bugs before they ship You can only pick ONE. 👇
Robert Stowe @robertstowe.com · Bluesky · 26h
I put together a starter pack of the people I read on leading engineering teams, design systems, accessibility and the web platform.
John Champ @pixelcave-john.bsky.social · Bluesky · 27h
This shadcn and motion component library is getting huge! Check it out, tons of animated visuals are already available ↓
Ryan Welcher @ryanwelcher.com · Bluesky · 28h
WordPress Contributor Toolkit 2.0 is out, and it got a new look. It's rebuilt on the WordPress Design System, with settings, a dark theme and ten languages. make.wordpress.org/core/2026/1...
Agentic AI Foundation @aaif.io · Bluesky · 28h
Tim O'Reilly, open source pioneer and Founder & CEO of O'Reilly Media, is closing out our keynotes with “The Missing Mechanisms of the AI Economy,” exploring how we design systems that create value for everyone. Watch live: www.youtube.com/live/eB9I4Ix...
Aditya @gigitymaster69.bsky.social · Bluesky · 29h
Sustainable engineering begins with asking better questions: How can we reduce waste, use energy efficiently and design systems that last? Learning and experimentation help turn those questions into practical ideas. 🌱 #GalgotiasUniversity
Undercode Testing @undercode.bsky.social · Bluesky · 30h
Unlocking Advanced Web Reconnaissance and Design System Auditing via Hidden Browser DevTools Features + Video Introduction: Modern web developers and cybersecurity analysts often overlook built-in browser features that provide deep inspection capabilities without requiring external tools. The CSS…
Unlocking Advanced Web Reconnaissance and Design System Auditing via Hidden Browser DevTools Features + VideoIntroduction: Modern web developers and cybersecurity analysts often overlook built-in browser features that provide deep inspection capabil
Jobmeerkat @jobmeerkat.bsky.social · Bluesky · 31h
Staff/Principal Design Systems Lead at Render | Remote, United States | $218K–$307K/year. Details: https://jobmeerkat.com/jobpost/staff-principal-design-systems-lead-at-render-f8962ec0?utm_source=bluesky
Cory LaViska @cory.laviska.com · Bluesky · 31h
"The native-first guidance was deliberate, an attempt to convince AI to reach for the platform before abstracting." Yes, because more abstractions means more complexity, more mess, and more tokens. Great take 👏 castastrophe.blog/blog/on-writ...
On writing the custom elements section for Modern Web GuidanceNolan Lawson called the web components section I wrote for Chrome's Modern Web Guidance "discouraging at times," and he has a point about th
shipperag.bsky.social @shipperag.bsky.social · Bluesky · 32h
The most common accessibility failure on the web's busiest sites: colour contrast, on 35% of 410 top home pages, and 59% of 206 AI-built apps. Usually one light grey in a design system. Fix the token, not the page: shipperag.com/automated-ac...
zeroheight @zeroheight.com · Bluesky · 33h
What new HTML and CSS features should you be using to help your design system thrive? Check out Declan’s article to get the lowdown ➡️ https://hubs.li/Q04B6Hh30
Martin Jordan @martinjordan.com · Bluesky · 34h
Switching design systems without compromising #accessibility – my @digitalservice.bund.de colleague Marion will be speaking at NL #DesignSystem Week next Tuesday, October 27, 2026, at 3:00:00 PM Central European Standard Time Join her and many other great speakers: nldesignsystem.nl/events/desig...
Frontend Dogma @frontenddogma.com · Bluesky · 36h
Dogpoisoning, by @donnie@social.design.systems: https://blog.damato.design/posts/dogpoisoning/?ref=frontenddogma.com #designsystems #testing
DogpoisoningIdentifying the wrong tools for the job.
Frontend Dogma @frontenddogma@mas.to · Mastodon · 37h
Dogpoisoning, by @donnie: https://blog.damato.design/posts/dogpoisoning/?ref=frontenddogma.com #designsystems #testing
DogpoisoningIdentifying the wrong tools for the job.
HeyDesigner @heydesigner.com · Bluesky · 38h
🌞 Today on HeyDesigner — Nº 3801 → How to scale intent, quality, and artistry with AI (video) → Intent Design System → hairline: Line drawings that answer the pointer → How I work → Native masonry layouts with CSS grid lanes Read it here 👉 heydesigner.com/2026-10-23/
How to scale intent, quality, and artistry with AI (video)Hand-picked design links from October 23, 2026: Intent Design System, hairline: Line drawings that answer the pointer, How I work, and more.
James Michael Parry @jamesparry.bsky.social · Bluesky · 38h
Fantastic day yesterday at #Converge2026. Lot's of very clever people talking about the fun (and doom) of design systems. Newcastle was beautiful. Thanks @zeroheight.com
Soren Beck Jensen @jensen.technology · Bluesky · 39h
We’ve spent years making digital products more consistent: design systems, spacing tokens, reusable components and perfectly aligned grids. But the web does not always need to feel perfect. The emerging CSS `random()` function makes it possible to add small, controlled imperfections without Jav...
Embracing Playful Imperfection With The CSS `random()` FunctionRead the full article...
oekazuma @oekazuma.bsky.social · Bluesky · 42h
I made svelte-zukan, a component catalog for Svelte. If you only use Storybook as a catalog, this is for you. Put a .zukan.svelte file next to a component and get live previews, code and props. One line in vite.config.ts. Demo 👇 oekazuma.github.io/svelte-zukan... #Svelte #SvelteKit
Hacker & Security News @hacker.at.thenote.app · Bluesky · 44h
Building a Design System Linter for Figma: Architecture, Algorithms, and Lessons from Development How I built a Figma plugin that scores UI screens against any design system: pure-function rules, WCAG contrast maths, and an SSRF-safe token scraper. #hackernews #news
Building a Design System Linter for Figma: Architecture, Algorithms, and Lessons from DevelopmentHow I built a Figma plugin that scores UI screens against any design system: pure-function rules, WCAG contrast maths, and an SSRF-safe toke
Michael McLean @michaelmclean.me · Bluesky · 2d
This Texas in-person early voting dashboard is amazing. It closely resembles the kinds of dashboards that Opus 5.5 one-shots at my day job. The chart selection is just stellar even on a one-shot prompt. Especially when it uses your orgs design system. claude.ai/artifact/QSa...
Cathy @cathy-codes.bsky.social · Bluesky · 2d
#Converge2026 was interesting, makes me want to go back to work and refine my design system more already. Of course AI was a big part of the talks considering how they can be fed design systems and documentation to build prototypes, the main thing to remember is to use it mindfully.
Cartisien @cartisien.bsky.social · Bluesky · 2d
"What should the design system team build next?" Usually whatever the loudest person asked for. Nobody knows what gets used, detached or rebuilt. Heads of product: what does your system team measure, and has it changed what they built?
Today's Top AI News @todaystopainews.bsky.social · Bluesky · 2d
Catchy design system for AI apps covering material, physical, tactile, and technical elements #technology #ys #opensource #ai #news #artificialintelligence
GitHub - deeplethe/solid-glass: A design system for AI applications. Material, physical, tactile, teA design system for AI applications. Material, physical, tactile, technical. - deeplethe/solid-glass
Product & Design Jobs @weloveproduct.co · Bluesky · 2d
ServiceNow is looking for a Principal Design Technologist, Design Systems & Applied AI in Santa Clara, United States https://weloveproduct.co/jobs/principal-design-technologist-design-systems-and-applied-ai-servicenow-psywm2 #designsystemdesigner #productjobs #jobs #jobsoffer #weloveproduct
ServiceNow is looking for a Principal Design Technologist, Design Systems & Applied AI in Santa Clara, United StatesSalary range: $221,200 - $387,100
Piccalilli @piccalil.li · Bluesky · 2d
It’s been a long process but now, masonry layouts have an actual CSS approach, so Saleh Mubashar has put together a really useful guide on how it works, how we got here and what’s next.
Native masonry layouts with CSS grid lanesIt’s been a long process but now, masonry layouts have an actual CSS approach, so Saleh Mubashar has put together a really useful guide on h
Sam Rivera @sam-rivera.bsky.social · Bluesky · 2d
Vercel CLI now lets agents buy domains. The agent handles discovery, pricing, and purchase initiation, but you confirm the final spend. Good for scripting workflows. #vercel #designsystems
Agents can now buy domains with the Vercel CLIYour agent can now use the to buy a domain. Vercel CLI The agent discovers candidates with , checks availability and registrar pricing wit
VKTR @vktrnow.bsky.social · Bluesky · 2d
Can Your Brand Standards Be Read by Humans and Agents Alike?: Brand kits and slide decks were built for designers. AI agents need design tokens, component libraries and explicit rules they can apply. Continue reading... #customerexperience #agenticcx
Can Your Brand Standards Be Read by Humans and Agents Alike?Brand kits and slide decks were built for designers. AI agents need design tokens, component libraries and explicit rules they can apply. CoFenly @fenlydsm.bsky.social · Bluesky · 2d
I'm Felipe, a product designer in Bogotá. 15 years on SaaS products and the design systems behind them, mostly keeping Figma, code and docs in step by hand. Fenly is the tool I wanted for that. The full story: fenly.io/blog/why-im-building-fenly
deconspray @deconspray.bsky.social · Bluesky · 2d
If users must hover or tab to discover a link, the design is making them work. Links should look like links before interaction. a11ywithdiana.substa... #Accessibility #A11y #UXDesign #InclusiveDesign #WebAccessibility #WCAG #DesignSystems
Why a link should look like a link before you click itThere’s a small design decision that can make a surprisingly big difference to accessibility: how you visually distinguish links from ordina
Ben Callahan @bencallahan.com · Bluesky · 3d
If you’re at #converge2026, come find me for a fun #designsystems nerd notebook! Limited numbers so first come first served 💚🌲 👏 Thanks to Sparkbox.com for printing these for me to give away 👏 + @zeroheight.com
cl0q @cl0qsearch.bsky.social · Bluesky · 3d
Nearly a million blogs wear the same face. The web's most-shared favicon is a Blogger default. 834,435 domains serve it. Nobody picked it. It shipped that way. Default settings are the web's most powerful design system. cl0q.com/site/0000022... #webdev #internet #funny
000002246men.blogspot.com · cl0q000002246men.blogspot.com is a live website hosted on Google LLC (AS15169) in the United States, served by Google. First seen by cl0q on 202
codeonroids.bsky.social @codeonroids.bsky.social · Bluesky · 3d
8 design system foundations Visit razvantodica.com B2B automation: studio.omniroids.com
HackerNoon @hackernoon.com · Bluesky · 3d
How I built a Figma plugin that scores UI screens against any design system: pure-function rules, WCAG contrast maths, and an SSRF-safe token scraper. #topfigmaplugins
Building a Design System Linter for Figma: Architecture, Algorithms, and Lessons from Development
Josh M Keller @joshmkeller.bsky.social · Bluesky · 3d
Keep design systems current. Regular updates and clear governance ensure components remain reliable and reduce duplication across projects. To discover more: joshmkeller.com/design-syste... #DesignSystems #Agile
Problem 18 @problem18dev.bsky.social · Bluesky · 3d
Working on a Godot component library and template for future games. Any components you recommend making (to commonly use in multiple future games? Got quite a few now but wondering about any interesting ones you might know, tell me! 😊 #indiedev #gamedev #godot