Advertisement · 728 × 90
#
Hashtag
#DesignSystem
Advertisement · 728 × 90

A well-architected design system transforms brand complexity into a scalable and maintainable ecosystem. It turns variation into a controlled, repeatable system.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0
Preview
Nobody reads the doc Even unread documentation has a job to do, maybe not the one you intended.

This month's article is about reading stuff, or not reading stuff, but more importantly about why it matters regardless.

benrajalu.net/articles/nob...

#designSystem #frontend #design #engineering

0 0 0 0
Video

Le design radical, c'est savoir mettre de l'ordre dans le chaos. ✨ Oubliez les couleurs 2 minutes : si votre hiérarchie d'information est floue, votre message est inexistant. Créons ensemble une interface qui guide naturellement vos utilisateurs vers l'action.
💬 Mot-clé : REFONTE. #DesignSystem

0 0 0 0
Post image

Looking for a clean way to show statuses or counts?

The new Badge component in #Vaadin 25.1 gives you a dedicated API—icon, number, and notification variants included.

🔗 Learn more: vaadin.com/docs/latest/...

#java #webdev #UIcomponents #designsystem

4 1 0 0

The design system ensures that every brand speaks with its own voice, but follows the same grammar. Structure unifies what style differentiates.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

2 0 0 0

A multi-theme system allows teams to deliver brand-specific experiences without reinventing the core. Efficiency without sacrificing uniqueness.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0

Consistency in behavior across brands builds trust, even when visual styles differ. Users learn patterns once and reuse that knowledge.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

0 0 0 0

A shared design system reduces duplication across brands and accelerates delivery across teams. Build once, adapt everywhere.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

0 0 0 0

Design tokens are the bridge that connects brand identity with scalable implementation. They allow themes to evolve without breaking components.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0

Themes scale brands, but the design system ensures they all behave consistently. Visual differences should not break user expectations.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

0 0 0 0

In a multi-brand ecosystem, design systems prevent fragmentation by standardizing structure while allowing visual theming. One system, many expressions.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0

A design system enables multiple brands to share a common foundation while preserving their unique identities. It balances consistency with brand differentiation.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

0 0 0 0

Our #DesignSystem has entered the lots-of-people-use-it-but-don't-regularly-upgrade-dependencies-and-lag-behind-the-latest-version phase of its life.

4 0 0 0

Investing in a design system is investing in the long-term health of your product ecosystem. It’s not overhead, it’s infrastructure.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0

Design systems reduce ambiguity, improve collaboration, and make onboarding faster. They help new team members contribute with confidence.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

2 0 0 0
Video

Avatars
An image element with a fallback for representing the user
#component #avatar #figma #DesignSystem #uikit

2 0 0 0

Consistency, scalability, and accessibility all begin in the design system. It’s the foundation for inclusive and maintainable products.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0

A design system empowers teams to focus on solving real user problems, not redrawing buttons. It frees time for innovation by solving the basics.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0
Original post on mastodon.scot

"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 […]

1 1 0 0

The design system is where design and code become one language. It aligns designers and developers toward shared outcomes.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

2 0 0 0
Preview
Can your design system say no? Design systems need authority. But what happens when you use it?

Last month's article was about design systems depending on an authority enabling them. But once you get it, exercising that authority is another deal entirely.

benrajalu.net/articles/can...

#designSystem #frontend #design

1 0 0 0
Screenshot of the German government’s Service Standard page in black and dark blue colours, displaying the first standard point: Understanding users and collecting insights

Screenshot of the German government’s Service Standard page in black and dark blue colours, displaying the first standard point: Understanding users and collecting insights

A nightly build bringing #darkMode to servicestandard.gov.de :

As Germany’s cross-gov’t #designSystem KERN offers a dark mode, we have now enabled it after some testing.

For now, the website recognises the user’s operating system settings. In the future, we will add a manual overwrite button, too.

4 1 0 1

Design systems turn individual efforts into collective progress. They unify teams, brands, and experiences under a common vision.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

1 0 0 0

#css #designsystem

1 0 0 0

#css #storybook #designsystem

0 0 0 0

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

7 1 2 0
Post image Post image Post image Post image

AI conversations are loud. “Let models build everything.”

In Spirit Design System we focus on practical AI:

👉 Figma → production code
👉 outputs → real components
👉 less repetitive work

Figma Code Connect + MCP + Agent Skills = faster frontend workflows

#AI #DesignSystem #Frontend

2 0 1 0
Post image Post image

@sainturbain x @digsdogcare 🐾

How do you scale a dog care network across 15+ states? You design it like a luxury hospitality brand, not a franchise.

Naming, strategy, and retail identity built for trust and joy.

#Branding #DesignSystem #DogCare #SaintUrbain

1 0 0 0
Post image

A good design system reduces time to market, a great one increases product quality along the way.

#ui #ux #design #designsystem #productdesign #uidesign #uxdesign #uxengineer #uidevelopment #frontend

4 0 0 0
Preview
3 practical ways LLMs can support design systems teams today - zeroheight

Managers love #AI, but it is often not ready and gets in the way of your day-to-day. @Zeroheight.com suggest some ways AI can be useful for #designSystem folks today buff.ly/AJJenPN

- turn docs into conversational UIs
- automate some boring maintenance tasks
- enhance tracking, feedback & insights

1 0 0 0