All posts

Buy a design system instead of building one from scratch

· Zero to Hundred

A design system is the set of components, tokens, and rules that keep every screen you ship looking like it came from the same company. Building one from scratch takes an experienced team 8 to 12 weeks of full-time work, sometimes more, and most teams still underestimate it. If a finished system already exists and does what you need, buying it and owning the code is faster than rebuilding the same buttons, inputs, and color tokens yourself. You build the product that's actually yours. You buy the part that looks the same at every company.

Should you build a design system or buy one?

Buy it when a working system already exists and you'd only be rebuilding what it already does. Build it when your brand needs something off-the-shelf can't express, or when you have a platform team whose whole job is this. For most independent developers and small agencies, neither is true, and the honest answer is buy.

There's a third path people forget, so here are all three side by side.

PathWhat you getThe catch
Build from scratchExactly your brand, full control2 to 3 months of a team's time before you ship a feature
Adopt an open-source libraryFree, maintained, familiarEvery app built on it looks like it, and you bend your brand to its opinions
Buy a finished system you ownA documented, tested codebase you can rebrand and modifyYou have to check it's as good as the demo before you pay

What does building a design system from scratch actually cost?

More than the sprint you budgeted for it. A team at Lucid wrote up building theirs in 3 months. The product design consultancy Obvious scopes a from-scratch build at 8 weeks. Those are people who do this for a living. Your first one, built alongside product work, takes longer.

The bill isn't the salary. It's the roadmap. Every week an engineer spends drawing focus states and naming spacing tokens is a week your product didn't move. That cost never shows up as a line item, and it's the expensive one. For an agency billing client work, it's worse: those are hours you can't bill, spent rebuilding the same system you already built for the last client.

Isn't adopting an open-source library the same as buying one?

No, and the difference is ownership and identity. A library like MUI or Chakra gives you a starting point, but you inherit its opinions and its look, and so does every other app built on it. shadcn/ui gets closer, since you copy the components into your own repo. A system you buy outright is code you own from day one: change the tokens, delete the parts you don't want, rebrand it, and it stops looking like everyone else's.

For internal tools where nobody cares that the dropdown looks familiar, an open-source library is often the right call and cheaper than anything. Buy a full system when the way it looks is part of what you're selling.

What do you actually get when you buy a design system?

A working codebase and a license to run it. You pay once for a non-exclusive, worldwide, perpetual license to use, modify, and deploy the software. You own your copy, run it on your own infrastructure, and there's no per-seat cost ticking up every month.

Here's a real one listed right now. Zest is an opinionated React design system: 36 documented components, 450+ tokens, light and dark, and accessibility tested in a real browser. That's the shape of what you're buying. The components, the tokens underneath them, the theming that makes dark mode work, and the documentation that lets someone who didn't write it actually use it.

One honest limit. A license isn't a copyright transfer. You can build your own products on top of the system, but you can't re-list it as your own design system for sale. The Builder keeps the copyright and can license the same code to other Buyers, which is exactly why it's affordable.

How do you check a design system is worth buying?

Open the demo and try to break the claims. Every listing carries a working demo, so you're checking the real thing before you pay, not a screenshot. Four checks catch most of what goes wrong.

  1. Tokens are real variables, not hardcoded values. Change one color token and see whether it cascades everywhere or just in one place. A system whose tokens don't propagate is a coat of paint.
  2. Dark mode is a real theme, not a filter. Switch it on and read the contrast. Check that borders, focus rings, and disabled states all survive the switch.
  3. The accessibility claim is testable. Zest says it's accessibility tested in a real browser. Verify it. Tab through the components with your keyboard, watch for visible focus, and confirm nothing traps you.
  4. The documentation is readable. 36 components you can't figure out are worth less than 12 you can. Open the docs and try to drop one component into a page.

Is it safe to buy a codebase from someone you don't know?

It's safe when the code is delivered, checkable, and the money can be pulled back if it was misrepresented. Every sale is final, and the source code is delivered the moment you pay. You then have 24 hours to report a factual problem, misrepresentation or a bug that stops it working, and the Builder's payout is held for 72 hours so a report gets reviewed before any money moves. Identity is verified on both sides, and every listing has to carry a working demo.

That window is short by design, so do your checking against the demo before you buy, not after. For the full list of what goes wrong when you buy small software and what settles each one, read is it safe to buy a SaaS business.

When is buying a design system the wrong call?

Some cases genuinely call for building.

  • Your brand identity is the product. A design tool, a fashion label, anything where the interface is the thing people pay for. An opinionated system will fight you, and you want bespoke.
  • You have a platform team. If owning the system and the process is someone's actual job, building it is the point, not the overhead.
  • You need three components, not thirty-six. A couple of copied shadcn parts is cheaper than a whole system.
  • You're planning to resell it. A license lets you use and modify the code. It doesn't let you sell it on as your own.

Common questions

Can you modify a design system you buy here? Yes. The license covers use, modification, and deployment. Fork it, restyle it, strip it down.

Is a bought design system just a template? No. A template is one layout. A design system is the components, tokens, and rules that let you build many layouts that still look related.

Can two companies buy the same design system? Yes. The license is non-exclusive, so the same code can go to more than one Buyer. That's why rebranding it matters. The identity has to come from you.

How much time does buying actually save? The build-time reports above put a from-scratch system at 8 weeks to 3 months for an experienced team. Buying a finished one moves that to an afternoon of evaluation plus however long your rebrand takes.

Open the demo before you think about price. Browse what Builders have listed on discover, or look at Zest if a React system is what you need. If your team keeps rebuilding the same plumbing on every project, buy software instead of building it makes the wider case, and who ends up buying and selling here covers all three sides.

Zero cost. Zero risk.

Hundreds of reasons to list.

Zero to Hundred

The marketplace where shipped becomes sold.

Get product news from Zero to Hundred

© 2026 Zero to Hundred. All rights reserved.