# Add a design system from a published npm package

By Steven Van · 2026-08-03

Base44's design system builder can now pull colours and components from a published npm package, not just Figma files or URLs.

Base44's [design system](<https://creatorstoolbox.com/tools/base44>) feature, which sets a workspace's colours, fonts, logo and components so every new app starts on-brand, now accepts a published npm package as a source. Alongside Figma files and website URLs, you can paste a package name, a name@version, or an npmjs.com link, and Base44 builds a design system from it. Private registries are supported too, by adding a registry URL, access token and any scopes to resolve.

The feature is available on the **Builder plan** and above, and is covered in Base44's [design system documentation](<https://docs.base44.com/Building-your-app/Design-system>).

[![](<https://docs.base44.com/images/base44-docs-og.png>)](<https://docs.base44.com/Building-your-app/Design-system>)

![Base44](<https://www.google.com/s2/favicons?domain=base44.com&sz=128>)

Base44

AI app builder — describe what you want and get a fully functional web app in seconds, no coding required.

[View Base44 →](<https://creatorstoolbox.com/tools/base44>)

Sources

[Original source](<https://docs.base44.com/Building-your-app/Design-system>)

[Read Add a design system from a published npm package on Creators Toolbox](<https://creatorstoolbox.com/blog/base44-add-a-design-system-from-a-published-npm-package>)

---
Canonical source: https://creatorstoolbox.com/blog/base44-add-a-design-system-from-a-published-npm-package