Design System Compiler is an open-source, Dockerized developer tool for compiling design tokens into production-ready outputs for modern web and mobile applications.
The tool accepts JSON or YAML design tokens, validates the token structure, resolves aliases, detects invalid references and circular dependencies, and generates platform-specific outputs including CSS, SCSS, TypeScript, React Native, Tailwind CSS, and Dart/Flutter.
It is designed for teams building scalable design systems across websites, web applications, and mobile products, with a CLI, REST API, validation engine, reproducible builds, and Docker-based deployment.
The project is especially useful when a single design language needs to stay consistent across responsive web interfaces and mobile products. Practical references include طراحی اپلیکیشن موبایل for mobile interface planning, طراحی وب اپلیکیشن for application-style web products, and طراحی سایت for broader website design workflows. Why this project exists
The main idea behind Design System Compiler is simple: Define design decisions once, validate them automatically, and generate the implementation for every platform that needs them. This makes the project useful for developers, frontend teams, design-system engineers, product teams, and organizations maintaining multiple digital products. Docker image: https://hub.docker.com/r/oudhami/design-system-compiler-v1.0
Source repository: https://gitlab.com/windyazkiup/design-system-compiler
Log in or sign up for Devpost to join the conversation.