zaklad MCP Server

Eine Plattform zum Erstellen von Designsystemen. Dieser MCP-Server ermöglicht es Ihnen, Ihr eigenes Designsystem mit KI zu erstellen, zu verwalten und zu lesen: Design-Tokens, Themes, Komponenten und Icons erstellen und bearbeiten. Zaklad wandelt sie in eine Figma-Bibliothek und produktionsreifen Code um.

Auf zaklad.app ansehen

Dokumentation

Free Beta is now live — v0.9.45

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 See how it worksHow it works

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, components, docs, integrated

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 docs yourself
  • Keep everything in sync manually
  • Write and maintain documentation

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

HOW IT WORKS

Three steps to a complete system.

01

Point it at your brand

Start with the wizard, import your existing system, or build from scratch. Colours and fonts go in by their real names, and come out as a full token architecture.

02

Dial it in

Refine tokens, themes, and scale tiers with live preview. Every inherited value updates automatically.

03

Ship it everywhere

One click sends Figma libraries to designers, typed packages to developers, and docs that stay current with both.

From here, it keeps up with you.

Your brand evolves, your team grows, your system stays aligned. No rebuilds. No handoffs. No drift.

WHY ZAKLAD

Everything your design system needs.

Nothing it doesn't.

Brand to system, in minutes

The wizard takes your brand and builds a complete token architecture in minutes: OKLCH palettes, type scales, spacing, components, and themes. Skip it to import an existing system or build from scratch. Not a black box: refine every token by hand, and ship real, typed production code.

Small brands1–3 colours, a full system in minutes

Mid-size teams5–8 brand colours, intelligent role mapping

Large teamsweeks of architecture work, compressed to minutes

brand.500 bg.primary button.bg

One change. Everything updates.

Change a foundation value and your semantic tokens, component tokens, themes, Figma Variables, and development packages all follow. The architecture does the work, so changes stay cheap however far the system grows.

  • Three-layer cascade: Foundation → Semantic → Component
  • Themes inherit from each other, changes cascade down
  • Auto-fill on semantic tokens, component sizes, and scale tiers
  • Token calculations like spacing.md = dimension.base × 4

brand.500changed

bg.primaryupdates

button.bgupdates

Themesinherit

Figma Variablesyncs

Developmentfollows

Tokens to production. One platform.

Other tools hand you tokens and wish you luck. Zaklad ships the whole chain: cross-platform components for web and native, Figma Variables with Code Connect, and typed packages. Designers and developers land on the same source.

  • Figma Variables, Text Styles, icon components, and Code Connect
  • Cross-platform components, one library for ReactJS and React Native
  • Fully typed packages with 1:1 prop parity to Figma
  • Read/write MCP endpoint and a single-file DESIGN.md for any AI agent

Tokens

Components

Figma

Code

Docs

Switch without starting over

Already have a design system? Paste your DTCG JSON and Zaklad imports the whole structure, names intact, no per-token remapping. You upgrade your system, you don’t rebuild it.

No lock-in. Export your whole system anytime. On paid plans you own your output for good, commercial use included, even after you cancel.

DTCG JSON.zaklad

tokens.jsonDTCG

{
  "color": { "primary": { "$value": "#28c0c2" } },
  "spacing": { "md": { "$value": "1rem" } },
  "radius": { "sm": { "$value": "0.25rem" } }
}

Imported as

color.primary#28c0c2

spacing.md1rem

radius.sm0.25rem

Explore all features

Start your system.

We’ll handle the rest.

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

Start free View pricing