tokens-old.jsonout of date

Spacing rulesnot written down

Dark themestill missing

Scattered docsNotion + Drive + PDFs

Custom token pipelinescripts + CI

Web componentsseparate library

Native componentsseparate library

Brand guidePDF

Marketing.figFigma

Product.figFigma

Web productCSS + tokens

Native apptheme.ts

Fonts + iconsfiles + folders

One live inputdrag it

Hue184°

Sat40%

Change it once. The platform and every output follow.

Build, manage and ship your whole design system from one place.

Start your system

AI design-system wizardReads brand-guidelines PDF

Manual wizardImport systemUse a templateEmpty project

Design system registry

TokensTypographyThemesIconographyComponent library

Built in Tools

AI chatMCP serverBuildersEditor

InfrastructurePublishing pipelinesDesign system hosting + font CDN

Versioned releasesv1.0.1

Figma libraryVariables · text stylesv1.0.1

Code packagesReact · React Nativev1.0.1

AI accessDESIGN.md · MCPv1.0.1

Free Beta is live - vx.x.x

A complete design system,
in minutes not months.

zaklad is a design system platform. Point it at your brand and get a Figma library and production React and React Native code from one source, always in sync. Approachable enough to build your first system, powerful enough to run your hundredth.

Start free

Start the wizard instantly. Free forever plan available.

Web + nativeOne library, ReactJS and React Native

1:1 Figma ↔ codeSame prop names, both sides

Inherit everywhereThemes, tokens, sizes all cascade

One tool, not manyTokens, Figma, packages, agent context

THE PROBLEM

Design systems are hard.
They shouldn't be.

Buried in execution

Most DS hours go to execution: tokens, themes, sync scripts. Strategy gets what’s left.

Fragmented tools

One tool for tokens. Another for components. Custom scripts for Figma. Nothing talks to anything.

Reinvent the wheel

Every team builds its own architecture and conventions. The same effort, recreated every time.

Traditional approach

Dedicated specialist team to build and maintain
Plus a paid tool stack to cover the gaps
Design every component from scratch
Choose and maintain your own architecture
Maintain custom build pipelines
Connect Figma, code, and agent context yourself
Keep everything in sync manually
Re-explain the system to every tool

Months to v1.0Plus an average €200–400k/year in team salaries

With zaklad

Solo builders can ship; a force multiplier for specialists
One subscription replaces the tool stack
Wizard, import, or build from scratch
Best-practice architecture built in
Full build pipeline included
Figma sync via the zaklad plugin
Themes, tokens, and sizes all cascade
Every output ships at the same version

Minutes to v1.0Plans from solo to enterprise. See pricing

Outside zaklad · what exists today

tokens-old.jsonpartial and stale

Brand guidePDF · print-first rules

Marketing.figlocal styles

Product.figdifferent library

Scattered docsNotion · Drive · PDFs

Custom token pipelinescripts + CI

Web componentsseparate library

Native componentsanother library

Web productCSS + tokens

Native apptheme.ts

Fonts + iconsfiles + folders

Missing themesno shared rules

Undocumented decisionsknown by one person

Registry / Tokens42 tokens · 4 themes

Tokens

Themes: Light / Dark

Foundation Inputs

Brand colourcolor.brand.600

Spacing16pxspace.200

Semantic Resolved

action.bg{color.brand.600}

space.section16px{space.200}

Components Outputs

ButtonContinue bg: {action.bg}

Card padding{space.section}

Tokens and themes, with their references intact.

Any AI

Claude OpenAI Grok

Your live design system

Build

“Build a system from our brand guidelines.”

“Bring our existing CSS into one system.”

“Create a high-contrast theme.”

Change & Maintain

“Warm up the palette across every theme.”

“Rename a token and fix every reference.”

“Make spacing more compact system-wide.”

Audit & Read

“Audit colours against best practice.”

“Show what this token affects.”

“Fetch the current components and tokens.”

Tokens

FoundationsSemantics OptionalThemes Optional

Components Optional

Generate here, use your own, or leave them out.

Typography Optional

Use system fonts, self-host, or enable the font CDN.

Iconography Optional

Import a library, add custom icons, or leave icons out.

ReactTokens + optional components

React NativeTokens + optional components

FigmaDesign

CSS / JSONLegacy export

Choose each output independently.

One output, several, or none.

How it works

The whole pipeline,
in one place.

Bring what exists. Shape one system. Publish it everywhere you work.

How it works

The whole pipeline,
in one place.

Bring what exists. Shape one system. Publish it everywhere you work.

Scroll to explore

Start your system.
We’ll handle the rest.

Free to start. Fully managed. No payment details required.

Start free View pricing

See all features

A complete design system,
in minutes not months.

Design systems are hard.
They shouldn't be.

Tokens

Foundation Inputs

Semantic Resolved

Components Outputs

Typography

Text styles

Preview

Iconography

Components

Library

Button

Build

Change & Maintain

Audit & Read

Tokens

Components Optional

Typography Optional

Iconography Optional

Figma

npm

AI tools

Team docs

Yours to keep

The whole pipeline,
in one place.

The whole pipeline,
in one place.

Start your system.
We’ll handle the rest.

A complete design system,in minutes not months.

Design systems are hard.They shouldn't be.

The whole pipeline,in one place.

The whole pipeline,in one place.

Start your system.We’ll handle the rest.

A complete design system,
in minutes not months.

Design systems are hard.
They shouldn't be.

The whole pipeline,
in one place.

The whole pipeline,
in one place.

Start your system.
We’ll handle the rest.