design-system

SEEK Group向けのテーマ設定可能なデザインシステム

SRCL は、ターミナル風のデザインでウェブアプリ、デスクトップアプリ、静的サイトの構築を支援する、オープンソースの React コンポーネントおよびスタイルリポジトリです。

Magic Patterns Catalog は、最も人気のある React コンポーネントライブラリをリストアップし、最適なコンポーネントを見つけるのに役立つオープンソースのウェブサイトです。

Kiwi.com によるオープンソースのデザインシステム Orbit の React コンポーネント

📚 このガイドは UI/UX デザインの学習を支援するように設計されており、初級、中級、上級の3つのレベルに分かれています。ユーザーインターフェースとユーザーエクスペリエンスのデザインのあらゆる側面を網羅する学習リソース、ガイド、ツールが含まれています。

地球規模の課題解決を目指す有用なコミュニティを構築するためのプラットフォーム

Baklavaは、アプリユーザー向けに一貫したUI/UXを作成するためにTrendyolが提供するデザインシステムです。

Design Tokens に関連するリソースのリスト

Spectrum デザイン言語の標準 CSS 実装。

Stylable - コンポーネントのためのCSS

ユーティリティファーストのReact Native UIフレームワーク 🚀🧩

Compose UI のための欠落しているデザインシステム層

A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.

Amplify UI は、アクセシブルでテーマ設定が可能、かつパフォーマンスの高い React（およびその他の）コンポーネントのコレクションであり、クラウドに直接接続できます。

🎨 デザイン トークンを Amazon Style Dictionary 互換の形式で JSON にエクスポートする Figma プラグイン。

Layer5、インフラストラクチャにさらなる価値を

SEED Design System

美的ファミリ、リミックスレシピ、スキル、動画の分解解説、Xシグナル、率直なコミュニティの意見によるClaude DesignのDESIGN.mdプロンプト

デザインテンプレート、ストックフォト、アイコン、配色など、厳選されたデザインリソースのリスト

Radix のウェブサイトおよびドキュメント

AI ネイティブ、CLI ファーストの React コンポーネントライブラリ。Cursor、Claude、GitHub Copilot 向けの MCP Server をサポートした、アニメーション付き、アクセシブル、本番環境対応の 160 以上のコンポーネント。コピー＆ペーストアーキテクチャ — コードは自分で所有します。

Web 向けの SumUp デザインシステム

アクセシビリティに配慮して構築されたオートコンプリートコンポーネント。

Claude Code、Codex、Cursor向けのオープンソース設計手法エンジン。固定されたデザイン判断、複数の文法、リファレンスコンパイル、セマンティックパレット、検証済みUI、インタラクション、画像/動画処理、カルーセル、デッキ、ドキュメント向けのStudioワークフローを提供。22スキル・MIT。

Claudeをシニアデザインアーキテクトに変換：DTCGデザイントークン、42のコンポーネント、WCAG 2.2アクセシビリティ、あらゆるフレームワークに対応するコード、138のデザインシステム、および実行可能なスキル。

CSS変数のビルドシステム

📒 開発者に焦点を当てたデザインシステムに関するブックマーク、リソース、記事の厳選リスト。

🎨 Codex 内のオープンソース AI スライドスタジオ：画像ネイティブなデッキ、すべてのスライドが完全なビジュアルキャンバス。⚡ 約 4〜5 分で 10 以上の高品質なスライドを作成 — 高速モードではすべてのページを並列レンダリング。🔍 処理の全過程をリアルタイムで確認：リサーチ → アウトライン → スタイル → レンダリング → 編集 → プレゼンテーション → PDF/PPTX エクスポート。🖥️ ブラウザファースト・API キー不要・永続的なプロジェクト。

HIUIは、フロントエンド、ミドルウェア、バックエンドのインタラクションおよびUIデザイン標準の策定と実装に適したソリューションです。

FigmagicはDevOpsとデザインの架け橋となるツールです。Figmaドキュメントからデザイン・トークンの生成、グラフィックスのエクスポート、デザイン・トークン駆動型のReactコンポーネントの抽出を行います。