OpenDSOpen-source Design System Platform

Bridge design tools with development workflows. Self-hosted, extensible, and built for teams.

Get Started

View on GitHub

Design Tool Integration

Sync with Penpot and Figma, extract components and design tokens automatically.

Multi-Framework Support

Generate components for Vue, React, Svelte from a single design source.

Self-Hosted & Secure

Deploy on your infrastructure, keep design system data private and compliant.

Real-Time Sync

Automatically update code when designs change, maintain design-system consistency.

Comprehensive Documentation

Built-in documentation with Vitepress, auto-generated API references.

Enterprise Ready

Role-based access, audit logs, and team collaboration features.

Welcome to OpenDS Documentation

OpenDS is an open-source platform for managing design systems. It connects design tools like Penpot and Figma with your development workflow, automating component generation and design token synchronization.

Quick Links

User Guides – Learn how to use OpenDS
API Reference – Explore the backend API
Development – Contribute to OpenDS
Application – Access the integrated documentation

Getting Help

GitHub Issues – Report bugs or request features
GitHub Discussions – Ask questions and share ideas
Contributing Guide – Learn how to contribute