Designry

Designry 是一款基于浏览器的设计系统令牌工具，无需安装 Figma 插件或任何软件，只需输入品牌色，即可在几分钟内获得完整的设计系统。它采用先进的 OKLCH 色彩空间生成包含暗色模式的调色板，并构建三层令牌体系（Primitive → Semantic → Component），确保设计的一致性和可扩展性。

核心功能

• 一键生成设计系统：输入品牌主色，自动生成完整的 OKLCH 色彩调色板，并支持暗色模式。
• 三层令牌体系：从基础令牌（Primitive）到语义令牌（Semantic），再到组件令牌（Component），层层递进，便于管理和复用。
• 多格式导出：支持导出为 CSS 变量、Figma 变量、Tailwind v4 及 v3 格式，无缝对接开发工作流。
• 17 个组件令牌集：预置按钮、输入框、卡片等常见组件的令牌定义，并附带使用文档。
• 自定义组件构建器：允许用户创建和自定义组件令牌，满足个性化需求。

主要特性

• 无需 Figma 或安装：纯浏览器操作，零门槛上手。
• OKLCH 色彩科学：生成更均匀、感知上更准确的色彩系统。
• 暗色模式自动适配：基于主色智能生成暗色变体。
• 开发者友好：直接导出主流框架和工具的变量格式。
• 一次性付费：Pro 版本仅需 $39，终身使用。

适用场景

• 初创团队：快速搭建品牌设计系统，节省时间和人力成本。
• 独立开发者：无需设计背景，也能生成专业级设计令牌。
• 设计系统迁移：将现有设计系统规范化，并导出为开发可用的变量。
• 教学与演示：作为设计系统概念的演示工具，直观展示令牌层级。