home.social

#designsystem β€” Public Fediverse posts

Live and recent posts from across the Fediverse tagged #designsystem, aggregated by home.social.

  1. πŸ†• post: When to start design system?

    Before my current job I've been working on a design system for almost three years. At my current job I'm back to writing apps and I'm starting to have thoughts.

    sarahgebauer.com/post/when-to-

    #design #designSystem

  2. β€œThe importance of people who care” by @rachelandrew

    πŸ”— rachelandrew.co.uk/archives/20

    > Design systems and editorial style guides need people who care. They need people who care about the small details, who obsess over consistency. They need people who are willing to push back, and who are happy to say no to the endless requests to ignore the guidelines just this one time. Yes, we’re sometimes very annoying to people who…

    #DesignSystem #quality

    βš“οΈ nicolas-hoizey.com/links/2026/

  3. π—§π—΅π˜‚π—Ίπ—―π—½π—Ώπ—Άπ—»π˜ π——π—²π˜€π—Άπ—΄π—» π—¦π˜†π˜€π˜π—²π—Ί:

    #DesignSystem #Thumbprint #UX #UI

    thewhale.cc/posts/thumbprint-d

    Assets for building high-quality, consistent user experiences at Thumbtack.

  4. - UI: Google intros β€œvibe designing” for UIs with Stitch + can make DESIGN.md files from sites: an agent-readable design system file: blog.google/innovation-and-ai/

    - UV: Astral (maker of awesome python devtools: uv, ruff, ty) joins OpenAI: astral.sh/blog/openai

    - US: Senate releases draft national AI framework to override US state laws: news.bloomberglaw.com/tech-and

    #AI #AINews #google #vibedesigning #openai #python #rust #ui #uv #us #devtools #usa #legal #agents #designsystem #DESIGNmd

  5. - UI: Google intros β€œvibe designing” for UIs with Stitch + can make DESIGN.md files from sites: an agent-readable design system file: blog.google/innovation-and-ai/

    - UV: Astral (maker of awesome python devtools: uv, ruff, ty) joins OpenAI: astral.sh/blog/openai

    - US: Senate releases draft national AI framework to override US state laws: news.bloomberglaw.com/tech-and

    #AI #AINews #google #vibedesigning #openai #python #rust #ui #uv #us #devtools #usa #legal #agents #designsystem #DESIGNmd

  6. - UI: Google intros β€œvibe designing” for UIs with Stitch + can make DESIGN.md files from sites: an agent-readable design system file: blog.google/innovation-and-ai/

    - UV: Astral (maker of awesome python devtools: uv, ruff, ty) joins OpenAI: astral.sh/blog/openai

    - US: Senate releases draft national AI framework to override US state laws: news.bloomberglaw.com/tech-and

    #AI #AINews #google #vibedesigning #openai #python #rust #ui #uv #us #devtools #usa #legal #agents #designsystem #DESIGNmd

  7. - UI: Google intros β€œvibe designing” for UIs with Stitch + can make DESIGN.md files from sites: an agent-readable design system file: blog.google/innovation-and-ai/

    - UV: Astral (maker of awesome python devtools: uv, ruff, ty) joins OpenAI: astral.sh/blog/openai

    - US: Senate releases draft national AI framework to override US state laws: news.bloomberglaw.com/tech-and

    #AI #AINews #google #vibedesigning #openai #python #rust #ui #uv #us #devtools #usa #legal #agents #designsystem #DESIGNmd

  8. - UI: Google intros β€œvibe designing” for UIs with Stitch + can make DESIGN.md files from sites: an agent-readable design system file: blog.google/innovation-and-ai/

    - UV: Astral (maker of awesome python devtools: uv, ruff, ty) joins OpenAI: astral.sh/blog/openai

    - US: Senate releases draft national AI framework to override US state laws: news.bloomberglaw.com/tech-and

    #AI #AINews #google #vibedesigning #openai #python #rust #ui #uv #us #devtools #usa #legal #agents #designsystem #DESIGNmd

  9. "All online activity generates carbon emissions. Every image downloaded, every click, server call and visit to our site. These types of interactions generate Scope 3 emissions.

    Lowering these emissions helps Scottish Enterprise towards achieving our Net Zero targets. And, for our users, the user experience is improved, along with SEO, because pages load faster and they use less data interacting with our sites."

    #designSystem #serviceDesign

    design.scotentblog.co.uk/reduc

  10. Hey design systems bubble, is there an open source GUI/web UI for editing DTCG design tokens? And how to you recommend organizing a design system?

    #design #DesignTokens #designsystem #designsystems #dtcg

  11. Couldn’t agree more and have seen many of the same accessibility issues in the wild:

    Design systems can’t automate away all of your accessibility considerations by @eric

    #a11y #design #tech #designSystem

    zeroheight.com/blog/design-sys

  12. Very slowly, we are putting things in order in Germany. After moving the updated #ServiceStandard to servicestandard.gov.de, the cross-government #designSystem KERN is now available via designsystem.gov.de. It’s the slow but steady progress I’ve been hoping for, dealing with government’s long slog

  13. New post: Maintaining consistency in content and styling

    chrissmith.xyz/blog/2026/maint

    Looking at ways of getting things like casing consistent and then keeping it consistent.

    #webdev #designsystem #styleguide #html #css

  14. 𝗕𝗿𝗢𝗖𝗦𝗦:

    #CSS #DesignSystem #BriCSS

    thewhale.cc/posts/bricss

    BRiCSS is a low-level CSS library generator that is simple and customizable. It allows users to create a tailored CSS file library based on a JSON file. BRiCSS is designed to be a simple CSS abstraction using abbreviations of CSS class names and attributes. It is intended to be integrated into a design system.

  15. 𝗕𝗿𝗢𝗖𝗦𝗦:

    #CSS #DesignSystem #BriCSS

    thewhale.cc/posts/bricss

    BRiCSS is a low-level CSS library generator that is simple and customizable. It allows users to create a tailored CSS file library based on a JSON file. BRiCSS is designed to be a simple CSS abstraction using abbreviations of CSS class names and attributes. It is intended to be integrated into a design system.

  16. 𝗕𝗿𝗢𝗖𝗦𝗦:

    #CSS #DesignSystem #BriCSS

    thewhale.cc/posts/bricss

    BRiCSS is a low-level CSS library generator that is simple and customizable. It allows users to create a tailored CSS file library based on a JSON file. BRiCSS is designed to be a simple CSS abstraction using abbreviations of CSS class names and attributes. It is intended to be integrated into a design system.

  17. Super interesting analysis of the common fonts usages (family, size and line-height) in design systems https://www.youtube.com/watch?v=9w-BwzcuxYM

    #UX #UI #Designsystem
  18. β€œA new (or rather, old) approach to typography on the web” by Alvin Leung, Taha Hossain, Shen Gao, Ben Giannis and Rafi Rizky

    πŸ”— daybreak.studio/writing/adalin

    > The strongest type systems are opinionated. They respond thoughtfully to the environment they inhabit, carrying a voice that cannot be captured by easy standardization. Crafted with care, they open a rich visual dialogue between words, meaning, and the reader.

    #Web #typography #CSS #DesignSystem

    βš“οΈ nicolas-hoizey.com/links/2025/

  19. "We created a new Design System to help deliver a better user experience for our internal and external users, as well as providing for more efficient digital change."

    #webDev #designSystem

    design.scotentblog.co.uk/our-f

  20. β€œA new (or rather, old) approach to typography on the web” by Alvin Leung, Taha Hossain, Shen Gao, Ben Giannis and Rafi Rizky

    πŸ”— daybreak.studio/writing/adalin

    > The strongest type systems are opinionated. They respond thoughtfully to the environment they inhabit, carrying a voice that cannot be captured by easy standardization. Crafted with care, they open a rich visual dialogue between words, meaning, and the reader.

    #Web #typography #CSS #DesignSystem

    βš“οΈ nicolas-hoizey.com/links/2025/

  21. What design principles guide your iOS app interfaces?

    With iOS 26's Liquid Glass design system, we're seeing a fundamental shift toward Hierarchy, Harmony, and Consistency. This in-depth exploration covers translucent surfaces, π‘π‘Žπ‘π‘˜π‘”π‘Ÿπ‘œπ‘’π‘›π‘‘πΈπ‘₯π‘‘π‘’π‘›π‘ π‘–π‘œπ‘›πΈπ‘“π‘“π‘’π‘π‘‘, and πΆπ‘œπ‘›π‘π‘’π‘›π‘‘π‘Ÿπ‘–π‘π‘…π‘’π‘π‘‘π‘Žπ‘›π‘”π‘™π‘’ - essential reading for adapting to Apple's evolving design language.

    πŸ”—: captainswiftui.substack.com/p/ by Danny Bolella

    #LiquidGlass #DesignSystem #iOSDesign

  22. What design principles guide your iOS app interfaces?

    With iOS 26's Liquid Glass design system, we're seeing a fundamental shift toward Hierarchy, Harmony, and Consistency. This in-depth exploration covers translucent surfaces, π‘π‘Žπ‘π‘˜π‘”π‘Ÿπ‘œπ‘’π‘›π‘‘πΈπ‘₯π‘‘π‘’π‘›π‘ π‘–π‘œπ‘›πΈπ‘“π‘“π‘’π‘π‘‘, and πΆπ‘œπ‘›π‘π‘’π‘›π‘‘π‘Ÿπ‘–π‘π‘…π‘’π‘π‘‘π‘Žπ‘›π‘”π‘™π‘’ - essential reading for adapting to Apple's evolving design language.

    πŸ”—: captainswiftui.substack.com/p/ by Danny Bolella

    #LiquidGlass #DesignSystem #iOSDesign

  23. Our Tech Lead, Sahil, just published a new blog on how to build a scalable theme system in React that keeps your UI consistent, flexible, and easy to maintain as your product grows.

    If you’re working with React and design systems, this post is a must-read: surya-digital.com/blog/2025-09

    Let us know your thoughts in the comments below!

    #React #SoftwareDevelopment #UI #DesignSystem #Software #SuryaDigital

  24. 🌍✨ We designed a vibrant Travel Blog Website UI with immersive hero visuals, smart category tags, map-based browsing, and mobile-first reading. Clear CTAs (Subscribe/Save/Share) turn wanderlust into loyal readers.

    #UIDesign #TravelBlog #WebDesign #UIUX #TravelWebsite #DesignPortfolio #ResponsiveDesign #BlogDesign #ContentDesign #DigitalBranding #ProductDesign #UXWriting #SEO #Performance #Accessibility #Prototype #DesignSystem #Figma #CaseStudy #TravelInspiration

  25. Building secure peer-to-peer messaging apps is tough, and it's even tougher to get people to switch from what they already use. I've noticed that a great user interface and an intuitive design often matter more to people than terms like cryptography or end-to-end encryption.

    That's why I've started building a UI library to tackle this head-on! It's a work in progress, but the goal is to create a more welcoming and seamless experience for new users.

    Check out the UI library here: ui.positive-intentions.com

    And you can see a live demo of the UI in action here: glitr.positive-intentions.com

    I'd love to hear your thoughts and feedback as I continue to shape it!

    #PeerToPeer #SecureMessaging #P2P #UIUX #WebDevelopment #MaterialUI #ModuleFederation #DesignSystem #Cryptography #UI

  26. 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

    m3.material.io/blog/building-w