Design Systems Surf's Avatar

Design Systems Surf

@designsystemssurf.bsky.social

Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams. https://designsystems.surf/

2 Followers  |  1 Following  |  23 Posts  |  Joined: 28.11.2025  |  2.057

Latest posts by designsystemssurf.bsky.social on Bluesky

AI DS Starter Stack

AI DS Starter Stack

4/4 The guide is FREE.
Download it, keep what works for your team, ignore the rest.
If you try it, we’d love to hear which part helped most.
designsystems.surf/products/ai-...

#FreeResources #DesignCommunity #AIDesignTools #DesignSystems #DesignTeam #LearnDesign

11.12.2025 14:59 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
AI DS Starter Stack

AI DS Starter Stack

3/4 The guide looks at the usual DS work, understanding what you have, planning what’s next, documenting decisions and shows where AI can quietly support each step.

#DesignDocumentation #DesignProcess #AIinDesign #DesignAutomation #UXWriting #SystemThinking

11.12.2025 14:59 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
AI DS Starter Stack

AI DS Starter Stack

2/4 Most teams sit between two extremes:
ignoring AI completely or chasing every new tool without a clear role in the system.

#DesignStrategy #AIMaturity #TeamWorkflow #DesignOps #AIAdoption #DigitalProductDesign

11.12.2025 14:59 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
AI DS Starter Stack

AI DS Starter Stack

1/4 πŸ’Έ FREE guide for Design System teams
We made AI DS Starter Stack, a short overview of how AI can actually help your Design System – without changing your whole stack.
designsystems.surf/products/ai-...

#FreeGuide #AITools #DesignSystem #DSStarterStack #AIDesign #DesignWorkflow

11.12.2025 14:59 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

4/4 The goal is to provide simple, consistent and efficient digital services across sites like borger.dk and Virk, built on shared patterns instead of one-off solutions. How much do you feel design and design systems could or already have changed the quality of public services today in your country?

04.12.2025 13:28 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

3/4 On top of that sit components: buttons, forms, tables, navigation, alerts, search, pagination and more tested, open, and ready to reuse.

04.12.2025 13:28 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

2/4 DKFDS brings together foundations from accessibility and color to layout, typography, icons, patterns, and data visualization, plus a shared Figma library and code repo.

04.12.2025 13:28 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Denmark’s Det FΓ¦lles Design System (DKFDS)

Denmark’s Det FΓ¦lles Design System (DKFDS)

1/4 Denmark’s Det FΓ¦lles Design System (DKFDS) standardizes public self-service experiences with tested, accessible components for citizen-facing services. designsystems.surf/design-syste...

#DenmarkDesign #designsystems #UIdesign #UXdesign #ProductDesign

04.12.2025 13:28 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

6/6 So, the question is how do you usually get started with a design system when a product or team begins to grow and what was your very first step?

01.12.2025 17:31 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

5/6 As products scale, it’s easy to lose what made them feel whole.
A Design System helps protect that identity while teams move faster.

01.12.2025 17:31 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

4/6 You don’t need to build everything at once. Start by:
Auditing what you already have
Documenting simple rules
Turning key pieces into shared components
Making it a team effort

01.12.2025 17:31 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

3/6 With a Design System in place, it becomes a scaling engine:
Shared language
Faster, more consistent delivery
Easier onboarding
Freedom within clear boundaries
Teams ship faster together, not just in silos.

01.12.2025 17:31 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

2/6 A UI kit keeps things similar. A Design System keeps them coherent.
It connects design, development, and documentation so teams move from debating pixels to aligning on patterns.

01.12.2025 17:31 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
How does a Design System help to scale projects?

How does a Design System help to scale projects?

1/6 When products grow, small design decisions pile up into big design debt.
This article explains how a Design System turns that chaos into a shared, scalable structure.
designsystems.surf/articles/how...

#designsystems #UIdesign #UXdesign #ProductDesign

01.12.2025 17:31 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

9/9 Maybe that is what the future of public design should look like: with as much care for people as for efficiency?

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

8/9 When a public service feels simple, reliable, and consistent, it builds something bigger than good UX. It builds trust. It’s inspiring to see how structured design thinking can make civic tech more inclusive and efficient at the same time.

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

7/9 Around the world, projects like GOV UK, The U.S. Web Design System (USWDS), The UAE Design System, and NYS Design System show what happens when design and code work together for the public good.

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

6/9 So, every user experience feels the same, whether you are booking a train ticket or checking a delay. And NS is not alone.

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
Tractie Design System for NS Enterprise References to fundamentals, UI components, and a library of the NS Enterprise design system named Tractie. Created to make design easier and smarter.

5/9 A great example is Tractie, the design system from Nederlandse Spoorwegen (NS): designsystems.surf/design-syste.... It unites Web, Android, and Mendix components in one place, helping teams build faster and stay aligned.

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

4/9 That is why design systems in the public sector are so important. They make digital services clearer, fairer, and more human.

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

3/9 When those systems are inconsistent or hard to use, it becomes a barrier.

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

2/9 Think about it. Government and public services reach millions of people every day.

28.11.2025 08:54 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Public Sector Design Systems

Public Sector Design Systems

1/9 We often talk about design systems in the context of big tech or global brands, but some of the most meaningful ones are built quietly inside public institutions.

#DesignSystems #PublicSector #GovTech #CivicTech #UX #DesignOps #ServiceDesign #Accessibility #InclusiveDesign #DigitalGov

28.11.2025 08:54 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

@designsystemssurf is following 1 prominent accounts