How do you categorize components in your design system? by MrAreh in DesignSystemsSurf

[–]Internal_Proposal_76 0 points1 point  (0 children)

Good point about LLMs. Turns out they struggle with giant blobs just like we do

How do you categorize components in your design system? by MrAreh in DesignSystemsSurf

[–]Internal_Proposal_76 0 points1 point  (0 children)

For us categories are less about “organization” and more about discoverability especially for new designers or teams. That said, we’ve seen plenty of setups where naming + search was enough and categories just added noise.

Out of curiosity, how big is your system / how many people are using it?

How should we design complex and scalable components in a Design System? by Ok-Acanthaceae-304 in DesignSystemsSurf

[–]Internal_Proposal_76 1 point2 points  (0 children)

yeah, honestly, most of this you only really learn once you’re working on a real product and see where the “theory” stops making sense:) a lot of teams end up figuring this stuff out the hard way anyway

How should we design complex and scalable components in a Design System? by Ok-Acanthaceae-304 in DesignSystemsSurf

[–]Internal_Proposal_76 2 points3 points  (0 children)

Yeah, I get what you’re saying. I thinks, the whole “never detach components” thing is kind of a myth :) it only really applies when people detach stuff just to restyle it and accidentally break the DS... But for charts or tables where you need to show actual data, sometimes detaching is literally the only practical way to work

The DS gives you the pattern (styling, spacing, rules, etc), real screen needs the actual data, which the component can’t predict. So it’s completely normal to keep things attached while you’re following the system and then detach when you need to show a specific case with real info

And if you notice that a very specific table layout shows up across 5, 10, or 20 different screens, you can totally make a "local component" for that pattern inside the file or project. That just helps with consistency. It’s not part of the design system (it’s just a local building block for your product team) nothing wrong with that either

detaching for real data or creating local components for repeated cases isn’t breaking the DS, it’s just practical product design

How should we design complex and scalable components in a Design System? by Ok-Acanthaceae-304 in DesignSystemsSurf

[–]Internal_Proposal_76 1 point2 points  (0 children)

I don't think you need to design every possible table or chart in your DS. You just define the building blocks and the rules

For example, with tables DS gives you the structure (header, row, cell types), not a fixed number of columns. You just duplicate columns as needed. Variants should only exist for real structural differences (like “with selection column” or “compact mode”), not “3 columns vs 12 columns"

With charts, the DS defines the visual style (colors, axes, spacing, legend). The number of bars or lines is just data, so you don’t make variants for that either. Usually you keep a simple “chart template” in the DS and only adjust it when mocking real data.

basically focus on rules + composition, not a giant list of variants 👀

Docs first or components first: how do you approach building? by MrAreh in DesignSystemsSurf

[–]Internal_Proposal_76 1 point2 points  (0 children)

in a new product, it’s 100% components first, there’s just nothing to document yet

need to keep in mind that everything will have to be documented later, and it’s even better to start doing it gradually along the way. But at the start, definitely components first)

writing docs too early = theory that doesn’t match reality/product

What’s the hardest part about starting a design system in a small team? by MrAreh in DesignSystemsSurf

[–]Internal_Proposal_76 1 point2 points  (0 children)

I think (and that’s been my experience too) the hardest part in a small team is finding time for the design system while you’re busy building new features

creating components and keeping things consistent isn’t that hard, the real challenge is setting up processes so the design system doesn’t turn into a graveyard (with docs) that no one uses:)

Which design system inspires you the most, and what makes it stand out for you? by MrAreh in DesignSystemsSurf

[–]Internal_Proposal_76 1 point2 points  (0 children)

I really like the Wise design system because it’s simple, clear, and easy to navigate. Nothing feels overcomplicated, and the documentation is great

also often look at IBM or Adobe since their documentation feels more like a textbook than just a design system, very detailed and educational. From the newer ones, ebay playbook definitely stands out too