产品介绍
Paste 是 Twilio 官方开源设计系统，用于构建消息、语音、视频和客户互动平台的一致、可访问和可扩展用户体验。它提供可重用 UI 组件、模式、指南和工具，基于现代设计原则，支持 React 实现（Paste Core）和 Figma 库，实现企业环境设计师-开发者无缝协作。 组件库：可重用元素如按钮、表单、模态框、表格、警报和数据网格，支持亮/暗主题和状态变体。 设计令牌：语义颜色、排版、间距、图标（Paste Icons）和动画，确保品牌一致。 可访问性：符合 WCAG 2.1 AA，带 ARIA 支持、键盘导航和包容模式。 工具：Figma 套件用于原型；React 库带 TypeScript；Storybook 用于组件探索。
适用人群
适合构建可扩展、一致数字产品的团队。
核心功能
- 组件库：可重用元素如按钮、表单、模态框、表格、警报和数据网格，支持亮/暗主题和状态变体。
- 设计令牌：语义颜色、排版、间距、图标（Paste Icons）和动画，确保品牌一致。
- 可访问性：符合 WCAG 2.1 AA，带 ARIA 支持、键盘导航和包容模式。
- 工具：Figma 套件用于原型；React 库带 TypeScript；Storybook 用于组件探索。
优点
- +开源
- +实时协作
- +丰富的图标库
- +调色板生成
缺点
- -采用需要团队协调
- -自定义可能较复杂
/// 规格参数
- 价格:Free
- 平台:Browser
ASSETS_DIRECTORY
/// 相似工具
NewsKit
News UK 开源设计系统，用于数字新闻一致可访问体验。
Orbit
Kiwi.com 开源设计系统，用于旅行预订界面一致可访问设计。
Pajamas
GitLab 开源设计系统，用于产品跨界面一致可访问设计。
Palmetto Design System
开源设计系统，用于太阳能产品一致可访问界面。
Pando Design System
Pluralsight 开源设计系统，用于 Web 界面一致可访问设计。
Porsche Design System
开源框架，用于汽车数字界面一致高端设计。
Primer Design System
GitHub 开源设计系统，用于 Web 界面一致可访问设计。
Radius Design System
Rangle 的元框架，加速自定义设计系统创建带工具和套件。
Salt Design System
J.P. Morgan 开源框架，用于金融界面可访问可自定义设计。
Paradigm Design System
Mail.ru/VK 开源框架，用于 Web 界面一致设计。