design-systems

デザイナー向けスキルコレクション：リサーチからシステム、UI、インタラクション、納品まで、デザインのためのエージェントスキル、コマンド、プラグイン

Creative TimによるBootstrap 4用デザインシステム「Argon」

🔦 Showkase は、Jetpack Compose の UI 要素の整理、検出、検索、視覚化を支援する、アノテーションプロセッサーベースの Android ライブラリです

APIとしてのデザインシステム。AIをFigmaに接続して、抽出、作成、デバッグを行う。

デザイン トークンのサイトと仕様に関する公式の DTCG リポジトリ

Intent UIは、React Aria ComponentsとTailwind CSSをベースに構築された、シンプルで使いやすいReactコンポーネント集です。簡単にカスタマイズでき、Reactプロジェクトにコピー＆ペーストするだけで利用できます。

必要なもの（プレゼン、レッスン、ストーリーなど）を記述すると、AIがクリーンで美しいHTMLスライドを作成します。ローカルファースト、オフライン対応。

Android のビューにプログラムからスタイルを定義して適用する

Keep Reactは、Tailwind CSSとReact.jsをベースに構築されたオープンソースのコンポーネントライブラリです。モダンなWebアプリケーションを構築するための、多用途で事前にデザインされたUIコンポーネントを提供します。

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

Reactで構築されたdaisyUIコンポーネント 🌼

React用のSalesforce Lightning Design System

レトロ風の CSS フレームワークとデザインシステムのリスト

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

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

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

Telegram のインターフェースにインスパイアされた、Telegram Mini Apps 向け React コンポーネントライブラリ

有名なデザインシステム、デザイン言語、ガイドラインのリスト。

Priceline.com デザインシステム

Argon - Creative TimによるBootstrap 5向けダッシュボード

Welcome to the jungle (@wttj) による、react、typescript、tailwindcss、ariakit を用いたカスタマイズ可能なデザインシステム。快適なウェブアプリの作成に必要なコアコンポーネントが揃っています 💛

サービスチームが政府サービスの設計に必要なスタイル、コンポーネント、パターンを見つけるための統合プラットフォーム

デザインシステムを Agent Plugin にコンパイル。あらゆるリファレンスからアイデンティティを抽出し、SKILL.md と tokens.css を出力、トークンをバイパスしたものを lint。

エンタープライズ向けWebアプリケーション向けの高品質な標準ベースのWebコンポーネント集。Vaadin 20+の一部

UIコンポーネントで使用するテーマオブジェクトとデザイントークンを定義するための仕様

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.

Helios デザインシステム

Material Design と Vue に基づく、モジュール式でカスタマイズ可能な UI ライブラリ