北极星设计令牌 所有平台的颜色,间距,动画和版式 JavaScript·JSON·CSS·SCSS·Android·素描·macOS·iOS·Adobe Swatch Shopify设计系统 。 设计令牌起源于Salesforce,描述它们的最佳方法是简单地引用其文档: 设计令牌是设计系统的视觉设计原子-具体地说,它们是存储视觉设计属性的命名实体。 我们使用它们代替硬编码的值(例如,颜色的十六进制值或间距的像素值),以维护用于UI开发的可扩展且一致的可视系统– 安装 北极星设计的标记可用同时作为NPM包( @shopify/polaris-tokens上) ,和作为Ruby宝石( polaris_tokens )上 。 推荐的使用和安装设计令牌的方式可能会因项目而异; 最常见的记录在下面。 使用 : npm install @shopify/polaris-tokens -