zaklad

Web + nativoUna biblioteca, ReactJS y React Native

1:1 Figma ↔ códigoMismos nombres de props, en ambos lados

Hereda en todas partesTemas, tokens y tamaños, todo en cascada

Una herramienta, no muchasTokens, Figma, componentes, docs, integrado

EL PROBLEMA

Los sistemas de diseño son difíciles.No deberían serlo.

Enterrado en la ejecución

La mayoría de las horas de DS se van en ejecución: tokens, temas, scripts de sincronización. La estrategia recibe lo que queda.

Herramientas fragmentadas

Una herramienta para tokens. Otra para componentes. Scripts personalizados para Figma. Nada se comunica con nada.

Reinventar la rueda

Cada equipo construye su propia arquitectura y convenciones. El mismo esfuerzo, recreado cada vez.

Enfoque tradicional

• Equipo especializado dedicado para construir y mantener
• Más una pila de herramientas de pago para cubrir los vacíos
• Diseñar cada componente desde cero
• Elegir y mantener tu propia arquitectura
• Mantener pipelines de build personalizados
• Conectar Figma, código y docs tú mismo
• Mantener todo sincronizado manualmente
• Escribir y mantener documentación

Meses para v1.0Más un promedio de €200–400k/año en salarios de equipo

Con Zaklad

• Los constructores solitarios pueden lanzar; un multiplicador de fuerza para especialistas
• Una suscripción reemplaza la pila de herramientas
• Asistente, importación o construcción desde cero
• Arquitectura de mejores prácticas integrada
• Pipeline de build completo incluido
• Sincronización de Figma mediante el plugin de Zaklad
• Temas, tokens y tamaños, todo en cascada
• Cada salida se lanza en la misma versión

Minutos para v1.0Planes desde individual hasta empresa. Ver precios

CÓMO FUNCIONA

Tres pasos para un sistema completo.

01

Apúntalo a tu marca

Comienza con el asistente, importa tu sistema existente o construye desde cero. Los colores y las fuentes se ingresan con sus nombres reales y salen como una arquitectura de tokens completa.

02

Ajústalo

Refina tokens, temas y niveles de escala con vista previa en vivo. Cada valor heredado se actualiza automáticamente.

03

Envíalo a todas partes

Un clic envía bibliotecas de Figma a diseñadores, paquetes tipados a desarrolladores y documentación que se mantiene actualizada con ambos.

Desde aquí, se mantiene al día contigo.

Tu marca evoluciona, tu equipo crece, tu sistema se mantiene alineado. Sin reconstrucciones. Sin traspasos. Sin desviaciones.

POR QUÉ ZAKLAD

Todo lo que tu sistema de diseño necesita.Nada que no necesite.

De marca a sistema, en minutos

El asistente toma tu marca y construye una arquitectura de tokens completa en minutos: paletas OKLCH, escalas tipográficas, espaciado, componentes y temas. Omítelo para importar un sistema existente o construir desde cero. No es una caja negra: refina cada token a mano y envía código de producción real y tipado.

Marcas pequeñas1–3 colores, un sistema completo en minutos

Equipos medianos5–8 colores de marca, mapeo de roles inteligente

Equipos grandesSemanas de trabajo de arquitectura, comprimidas a minutos

brand.500 bg.primary button.bg

Un cambio. Todo se actualiza.

Cambia un valor de base y tus tokens semánticos, tokens de componentes, temas, Variables de Figma y paquetes de desarrollo siguen. La arquitectura hace el trabajo, así que los cambios se mantienen baratos sin importar cuánto crezca el sistema.

• Cascada de tres capas: Fundación → Semántico → Componente
• Los temas heredan entre sí, los cambios se propagan en cascada
• Autocompletado en tokens semánticos, tamaños de componentes y niveles de escala
• Cálculos de tokens como spacing.md = dimension.base × 4

brand.500 cambiado

bg.primary actualizaciones

button.bg actualizaciones

Themes heredan

Figma Variable sincroniza

Development sigue

Tokens a producción. Una plataforma.

Otras herramientas te dan tokens y te desean suerte. Zaklad envía toda la cadena: componentes multiplataforma para web y nativo, Variables de Figma con Code Connect y paquetes tipados. Diseñadores y desarrolladores aterrizan en la misma fuente.

• Variables de Figma, Text Styles, componentes de iconos y Code Connect
• Componentes multiplataforma, una biblioteca para ReactJS y React Native
• Paquetes totalmente tipados con paridad de props 1:1 con Figma
• Endpoint MCP de lectura/escritura y un DESIGN.md de un solo archivo para cualquier agente de IA

Tokens

Componentes

Figma

Código

Documentación

Cambia sin empezar de cero

¿Ya tienes un sistema de diseño? Pega tu DTCG JSON y Zaklad importa toda la estructura, con los nombres intactos, sin reasignación token por token. Mejoras tu sistema, no lo reconstruyes.

Sin bloqueo. Exporta todo tu sistema en cualquier momento. En los planes de pago, eres dueño de tu producción para siempre, con uso comercial incluido, incluso después de cancelar.

DTCG JSON.zaklad

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

Importado como

color.primary #28c0c2

spacing.md 1rem

radius.sm 0.25rem