Back to Details

ui-design-system

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

UI Design System

UI Design System

Professional toolkit for creating and maintaining scalable design systems.
用于创建和维护可扩展设计系统的专业工具包。

Core Capabilities

核心功能

  • Design token generation (colors, typography, spacing)
  • Component system architecture
  • Responsive design calculations
  • Accessibility compliance
  • Developer handoff documentation
  • Design token生成（颜色、排版、间距）
  • 组件系统架构
  • 响应式设计计算
  • 无障碍合规性
  • 开发交付文档

Key Scripts

关键脚本

design_token_generator.py

design_token_generator.py

Generates complete design system tokens from brand colors.
Usage: 
python scripts/design_token_generator.py [brand_color] [style] [format]
  • Styles: modern, classic, playful
  • Formats: json, css, scss
Features:
  • Complete color palette generation
  • Modular typography scale
  • 8pt spacing grid system
  • Shadow and animation tokens
  • Responsive breakpoints
  • Multiple export formats
从品牌色生成完整的设计系统tokens。
使用方法: 
python scripts/design_token_generator.py [brand_color] [style] [format]
  • 风格: modern, classic, playful
  • 格式: json, css, scss
特性:
  • 完整调色板生成
  • 模块化排版比例
  • 8pt间距网格系统
  • 阴影与动画tokens
  • 响应式断点
  • 多种导出格式