zaklad

Beta gratuito já está no ar — vx.x.x

Um sistema de design completo,

em minutos, não meses.

Zaklad é uma plataforma de sistema de design. Aponte para a sua marca e obtenha uma biblioteca Figma e código React e React Native de produção a partir de uma única fonte, sempre em sincronia. Acessível o suficiente para construir seu primeiro sistema, poderoso o suficiente para executar o centésimo.

Comece grátis Veja como funcionaComo funciona

Inicie o assistente instantaneamente. Plano gratuito para sempre disponível.

Web + nativo Uma biblioteca, ReactJS e React Native

1:1 Figma ↔ código Mesmos nomes de props, ambos os lados

Herde em todos os lugares Temas, tokens, tamanhos tudo em cascata

Uma ferramenta, não muitas Tokens, Figma, componentes, docs, integrados

O PROBLEMA

Sistemas de design são difíceis.

Não deveriam ser.

Enterrados na execução

A maioria das horas de DS vai para execução: tokens, temas, scripts de sincronização. A estratégia fica com o que sobra.

Ferramentas fragmentadas

Uma ferramenta para tokens. Outra para componentes. Scripts personalizados para Figma. Nada conversa com nada.

Reinventar a roda

Cada equipe constrói sua própria arquitetura e convenções. O mesmo esforço, recriado toda vez.

Abordagem tradicional

• Equipe especialista dedicada para construir e manter
• Além de uma pilha de ferramentas pagas para cobrir as lacunas
• Projetar cada componente do zero
• Escolher e manter sua própria arquitetura
• Manter pipelines de build personalizados
• Conectar Figma, código e docs você mesmo
• Manter tudo em sincronia manualmente
• Escrever e manter documentação

Meses para v1.0Mais uma média de €200–400k/ano em salários de equipe

Com Zaklad

• Construtores solo podem lançar; um multiplicador de força para especialistas
• Uma assinatura substitui a pilha de ferramentas
• Assistente, importação ou construção do zero
• Arquitetura de melhores práticas embutida
• Pipeline de build completo incluído
• Sincronização Figma via plugin Zaklad
• Temas, tokens e tamanhos tudo em cascata
• Cada saída é lançada na mesma versão

Minutos para v1.0 Planos de solo a enterprise. Veja preços

COMO FUNCIONA

Três passos para um sistema completo.

01

Aponte para a sua marca

Comece com o assistente, importe seu sistema existente ou construa do zero. Cores e fontes entram pelos seus nomes reais e saem como uma arquitetura de tokens completa.

02

Ajuste

Refine tokens, temas e níveis de escala com pré-visualização ao vivo. Cada valor herdado é atualizado automaticamente.

03

Envie para todos os lugares

Um clique envia bibliotecas Figma para designers, pacotes tipados para desenvolvedores e docs que permanecem atualizados com ambos.

A partir daqui, ele acompanha você.

Sua marca evolui, sua equipe cresce, seu sistema permanece alinhado. Sem reconstruções. Sem transferências. Sem desvios.

POR QUE ZAKLAD

Tudo que seu sistema de design precisa.

Nada que não precise.

Da marca ao sistema, em minutos

O assistente pega sua marca e constrói uma arquitetura de tokens completa em minutos: paletas OKLCH, escalas tipográficas, espaçamento, componentes e temas. Pule para importar um sistema existente ou construir do zero. Não é uma caixa preta: refine cada token manualmente e envie código de produção real e tipado.

Pequenas marcas 1–3 cores, um sistema completo em minutos

Equipes médias 5–8 cores de marca, mapeamento inteligente de papéis

Grandes equipes semanas de trabalho de arquitetura, comprimidas em minutos

brand.500 bg.primary button.bg

Uma mudança. Tudo atualiza.

Altere um valor de fundação e seus tokens semânticos, tokens de componentes, temas, Variáveis do Figma e pacotes de desenvolvimento seguem todos. A arquitetura faz o trabalho, então as mudanças permanecem baratas por mais que o sistema cresça.

• Cascata de três camadas: Fundação → Semântico → Componente
• Temas herdam uns dos outros, mudanças em cascata para baixo
• Preenchimento automático em tokens semânticos, tamanhos de componentes e níveis de escala
• Cálculos de tokens como spacing.md = dimension.base × 4

brand.500alterado

bg.primaryatualiza

button.bgatualiza

Themesherda

Figma Variablesincroniza

Developmentsegue

Tokens para produção. Uma plataforma.

Outras ferramentas entregam tokens e desejam boa sorte. Zaklad entrega toda a cadeia: componentes multiplataforma para web e nativo, Variáveis do Figma com Code Connect e pacotes tipados. Designers e desenvolvedores chegam à mesma fonte.

• Variáveis do Figma, Estilos de Texto, componentes de ícone e Code Connect
• Componentes multiplataforma, uma biblioteca para ReactJS e React Native
• Pacotes totalmente tipados com paridade 1:1 de props com o Figma
• Endpoint MCP de leitura/escrita e um DESIGN.md de arquivo único para qualquer agente de IA

Tokens

Componentes

Figma

Código

Docs

Mude sem recomeçar

Já tem um sistema de design? Cole seu JSON DTCG e o Zaklad importa toda a estrutura, nomes intactos, sem remapeamento por token. Você atualiza seu sistema, não o reconstrói.

Sem lock-in. Exporte todo o seu sistema a qualquer momento. Em planos pagos, você é dono da sua saída para sempre, uso comercial incluído, mesmo após cancelar.

DTCG JSON.zaklad

tokens.jsonDTCG

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

Importado como

color.primary#28c0c2

spacing.md1rem

radius.sm0.25rem

Explore todos os recursos

Comece seu sistema.

Nós cuidamos do resto.

Grátis para começar. Totalmente gerenciado. Nenhum dado de pagamento necessário.

Comece grátis Ver preços