产品介绍
Porsche Design System 是 Porsche 官方开源设计系统，提供可重用 UI 组件、模式和指南，用于构建 Web、移动和车载应用一致、可访问和奢华数字体验。它体现 Porsche 精密、性能和优雅品牌价值，注重高端美学、模块化和开发者效率，使用 Web 组件（Porsche Design System Core）和 React 封装。 组件库：可重用元素如按钮、表单、导航、卡片和 Porsche 专用小部件（如汽车配置器工具），支持主题和状态变体。 设计令牌：语义颜色（Porsche 调色板）、排版、间距、图标和动画，确保高端一致。 可访问性：符合 WCAG，带 ARIA 支持和包容模式。 工具：Figma 套件用于原型；Web 组件和 React 库用于实现；Storybook 用于探索。
适用人群
适合构建可扩展、一致数字产品的团队。
核心功能
- 组件库：可重用元素如按钮、表单、导航、卡片和 Porsche 专用小部件（如汽车配置器工具），支持主题和状态变体。
- 设计令牌：语义颜色（Porsche 调色板）、排版、间距、图标和动画，确保高端一致。
- 可访问性：符合 WCAG，带 ARIA 支持和包容模式。
- 工具：Figma 套件用于原型；Web 组件和 React 库用于实现；Storybook 用于探索。
优点
- +开源
- +丰富的图标库
- +调色板生成
- +无障碍对比度检查
缺点
- -采用需要团队协调
- -自定义可能较复杂
/// 规格参数
- 价格:Free
- 平台:Browser
ASSETS_DIRECTORY
/// 相似工具
Pajamas
GitLab 开源设计系统，用于产品跨界面一致可访问设计。
Palmetto Design System
开源设计系统，用于太阳能产品一致可访问界面。
Paste
Twilio 开源设计系统，用于通信产品一致可访问界面。
Pando Design System
Pluralsight 开源设计系统，用于 Web 界面一致可访问设计。
Primer Design System
GitHub 开源设计系统，用于 Web 界面一致可访问设计。
Radius Design System
Rangle 的元框架，加速自定义设计系统创建带工具和套件。
Salt Design System
J.P. Morgan 开源框架，用于金融界面可访问可自定义设计。
Slack Block Kit
模块化 UI 框架，用于 Slack 内构建丰富交互消息和应用。
SmartHR UI
开源 React 组件库，用于 HR 平台一致可访问界面。
Paradigm Design System
Mail.ru/VK 开源框架，用于 Web 界面一致设计。