Zaklad

Zaklad is a design system platform for managing tokens, typography, icons, and components, with syncing to Figma and production code. Its editor offers token reference graphs, theme filters, lockable groups, and live component previews. A colour tool accepts OKLCH, HSL, RGBA, and HEX values to generate perceptually uniform palettes. Typography scales can create text styles for Figma and code, and paid tiers host brand fonts on a global CDN. Users can install or upload icon libraries and combine them into an API delivered as code and Figma components. The Figma plugin syncs variables, text styles, icons, and components; ReactJS and React Native packages use typed props whose names match Figma. Zaklad also provides an MCP endpoint with read and write access and a DESIGN.md instruction file for AI tools. DTCG JSON and full-system .zaklad archive imports or exports are supported. The FAQ lists React for web and React Native for mobile, with no plans for additional design-tool integrations. Documentation and the built-in accessibility audit are marked coming soon, while custom component import is on the roadmap.

Zaklad connects design-system editing with Figma and supported code packages, with tools for tokens, type, colour, and icons. Its documented scope and forthcoming features are worth checking before adopting it for a broader workflow.

It suits designers and developers managing shared design tokens and syncing systems between Figma and React or React Native code. Teams should note the stated limits on supported development and design-tool integrations.

Zaklad is a cloud design-system editor for people who want to manage visual foundations and deliver them to Figma and supported code projects. It is most compelling for solo practitioners and teams working in React or React Native; broader stacks should look elsewhere. Its value rests on a connected token-to-code workflow, while its unfinished documentation and accessibility audit leave important parts of adoption unresolved.

Overview

Zaklad brings tokens, typography, icons, and components into one managed system, with governance workflows and versioning for changes. An optional wizard can build a token architecture, role mapping, gap fills, and themes from a brand description. That offers a useful starting structure, but teams still need to judge whether the generated choices fit their product.

The token editor combines reference graphs, theme filters, lockable groups, and live component previews. In practice, those tools help users trace token relationships and review changes in context rather than treating a system as a static inventory. Zaklad also supports DTCG JSON imports and exports, plus full-system .zaklad archive exports, giving teams ways to move token data and preserve a system.

Zaklad says primary application data is stored on infrastructure it operates in the EU. Connections use HTTPS/TLS, sensitive credentials are encrypted at rest, and API keys are stored as hashes. The company says it does not sell or rent data, use project content to train AI models, or use tracking or advertising cookies. Zaklad is operated by Luke Hawkins, a sole trader registered in the Czech Republic.

Key features

The colour tool accepts OKLCH, HSL, RGBA, and HEX values and generates perceptually uniform palettes. That range suits teams bringing colours in from different workflows, while palette generation gives them a consistent basis for building themes. Typography scales can generate text styles for Figma and code; paid tiers add brand-font hosting through a global CDN.

Users can install icon libraries such as HeroIcons and Lucide, upload their own, and merge them into one API delivered as code and Figma components. The Figma plugin syncs variables, text styles, icons, and components. On the code side, the ReactJS and React Native packages are fully typed, with prop names aligned to Figma. This tight mapping is a practical advantage for teams using those frameworks, but it does not extend the documented support to other development platforms.

An MCP endpoint provides read and write access for AI tools, and Zaklad supplies a DESIGN.md instruction file. That gives AI-assisted workflows a defined route into the system, while Zaklad says project content is not used to train AI models. Custom component import remains on the roadmap, and documentation and the built-in accessibility audit are marked as coming soon. Those gaps make Zaklad harder to assess and less complete for teams that depend on established documentation or accessibility checks.

Pricing

Hobbyist is free forever and includes one seat and up to three private projects. It excludes commercial use and font CDN hosting, so it is suited to personal or non-commercial exploration rather than a production brand system.

Individual costs €9.50 per month, with one seat, unlimited private projects, commercial use, font CDN hosting, and versioned releases. It is the practical step up for a solo professional who needs commercial rights or hosted brand fonts; it remains a single-seat plan, so it does not cover collaboration.

Studio costs €74.50 per month and provides unlimited seats and unlimited shared projects for teams and agencies up to 25 people. It fits collaborative work that needs shared projects, though organisations above 25 employees should consider Enterprise instead. Enterprise uses custom pricing and is aimed at organisations with 25+ employees, adding SSO/SAML, custom SLAs, custom integrations, and invoice billing.

Platforms

Zaklad is available on Android, iOS, and the web. Its development support currently covers React for web and React Native for mobile. The pricing FAQ says there are no plans for other design-tool integrations at this time, which limits its fit for teams whose production stack or design workflow falls outside those boundaries.

Who it's for

Zaklad suits solo designers and product teams that want tokens, typography, icons, and components managed together and synced to Figma and React-based code. The free plan can support non-commercial evaluation, while Individual adds commercial use for one-person work and Studio serves collaborative teams of up to 25 people. It is a weaker choice for organisations that need custom component import now, completed accessibility auditing and documentation, other development frameworks, or additional design-tool integrations.

Pros and cons

• Pros: Figma sync and typed React and React Native packages connect design assets to supported production code.
• Pros: Token graphs, theme filters, lockable groups, and live previews give teams several ways to inspect and govern system changes.
• Pros: DTCG JSON and full-system archive exports provide portable routes for token data and system backups.
• Cons: React and React Native are the only supported development platforms, narrowing its usefulness for other stacks.
• Cons: Documentation and the built-in accessibility audit are still forthcoming, and custom component import is only on the roadmap.
• Cons: Hobbyist bars commercial use, while Individual remains limited to one seat; shared collaboration requires Studio.

Alternatives

Terrazzo is the better fit for readers who want free, MIT-licensed open-source tools rather than Zaklad’s paid collaboration tiers. Bezel is an alternative for readers considering an AI-credit-based plan, though its free plan is not yet open for signup. Carbon Design System suits readers who want a free, open-source system they can use and contribute to without paid tiers.

Particles UI is worth comparing for readers who prefer local token management and export through an MIT-licensed CLI that works without an account. Spec Layer is an alternative for Figma-focused publishing with a free allowance of one file and 10 publishing updates per month. Design Tokens may suit readers who need Figma variable sync and CSS/SASS export within a free plan capped at three themes, two workspaces, and two users.

Lingo is another option for readers evaluating a 30-day free trial and a paid Starter plan. Luro offers a free Starter plan for one editor, one source file, 10 viewers, and 20 pages. See more options in Design System Software.

Verdict

Choose Zaklad if you are a solo designer or a React or React Native team that wants one place to govern design tokens and ship them through Figma and typed code packages. Its connected editing and delivery workflow is the clearest reason to adopt it. Look elsewhere if your team needs broader framework or design-tool support, custom component import, or finished documentation and accessibility auditing.