Paste

プロダクト概要

Pasteは、メッセージング、音声、ビデオ、顧客エンゲージメントプラットフォームなどのコミュニケーションプロダクトで一貫性のあるアクセシブルでスケーラブルなユーザー体験を構築するための、Twilioの公式オープンソースデザインシステムです。モダンなデザイン原則に基づく再利用可能なUIコンポーネント、パターン、ガイドライン、ツールを提供し、React実装（Paste Core）とFigmaライブラリにより、エンタープライズ環境でのシームレスなデザイナー-開発者コラボレーションを実現します。 コンポーネントライブラリ：テーマ（ライト/ダーク）と状態のためのバリアントを備えたボタン、フォーム、モーダル、テーブル、アラート、データグリッドの再利用可能な要素。 デザイントークン：ブランドの一貫性のためのセマンティックカラー、タイポグラフィ、間隔、アイコン（Paste Icons）、モーション。 アクセシビリティ：ARIAサポート、キーボードナビゲーション、包括的なパターンを備えたWCAG 2.1 AA準拠。 ツール：プロトタイピングのためのFigmaキット。TypeScriptを備えたReactライブラリ。コンポーネント探索のためのStorybook。

label.best_for

チーム 構築 スケーラブル, consistent digital products.

主な機能

• コンポーネントライブラリ: Reusable elements のような buttons, forms, modals, tables, alerts, と データ grids を使った variants のための themes (light/dark) と states.
• デザイントークン: Semantic 色, タイポグラフィ, 間隔, アイコン (貼り付け アイコン), と motion のための ブランド consistency.
• アクセシビリティ: WCAG 2.1 AA compliance を使った ARIA サポート, keyboard navigation, と inclusive パターン.
• ツール: Figma キット のための プロトタイピング; React ライブラリ を使った TypeScript; Storybook のための コンポーネント exploration.