✓ 🍋
Menu
🍋 Peasy Tools
🍋 Design Tools

设计令牌生成器

生成设计令牌——统一管理设计变量

Free 仅在浏览器中 No sign-up
chars words sentences lines

Design Token Options

结果

结果

关于 设计令牌生成器

生成设计令牌(Design Tokens)。统一管理颜色、间距、字体等设计变量。

工作原理

根据输入的设计参数(颜色、间距、字体等),生成结构化的设计令牌,支持多种输出格式。

分步教程

  1. 1 [
  2. 2 '
  3. 3 定
  4. 4 义
  5. 5 颜
  6. 6 色
  7. 7 、
  8. 8 间
  9. 9 距
  10. 10 和
  11. 11 字
  12. 12 体
  13. 13 参
  14. 14 数
  15. 15 '
  16. 16 ,
  17. 17
  18. 18 '
  19. 19 选
  20. 20 择
  21. 21 输
  22. 22 出
  23. 23 格
  24. 24 式
  25. 25 '
  26. 26 ,
  27. 27
  28. 28 '
  29. 29 查
  30. 30 看
  31. 31 生
  32. 32 成
  33. 33 的
  34. 34 设
  35. 35 计
  36. 36 令
  37. 37 牌
  38. 38 '
  39. 39 ,
  40. 40
  41. 41 '
  42. 42 复
  43. 43 制
  44. 44 或
  45. 45 下
  46. 46 载
  47. 47 配
  48. 48 置
  49. 49 文
  50. 50 件
  51. 51 '
  52. 52 ]

提示

  • [
  • '
  • 设
  • 计
  • 令
  • 牌
  • 是
  • 设
  • 计
  • 系
  • 统
  • 的
  • 基
  • 础
  • 。
  • '
  • ,
  • '
  • C
  • S
  • S
  • 变
  • 量
  • 格
  • 式
  • 最
  • 适
  • 合
  • 直
  • 接
  • 在
  • 项
  • 目
  • 中
  • 使
  • 用
  • 。
  • '
  • ,
  • '
  • 语
  • 义
  • 化
  • 命
  • 名
  • (
  • 如
  • c
  • o
  • l
  • o
  • r
  • -
  • p
  • r
  • i
  • m
  • a
  • r
  • y
  • 而
  • 非
  • c
  • o
  • l
  • o
  • r
  • -
  • b
  • l
  • u
  • e
  • )
  • 更
  • 灵
  • 活
  • 。
  • '
  • ]

常见问题