Design system, bir ürün veya şirkette kullanılan tüm tasarım kararlarının ve bileşenlerinin ortak kaynağıdır. Buton nasıl görünür, başlık hiyerarşisi ne, hangi renkler ne zaman kullanılır, form hata durumları nasıl tasarlanır; bunların hepsi design system'de tanımlanır. Bu sayede farklı sayfalar, farklı özellikler veya farklı ekipler aynı ürünü tutarlı şekilde büyütebilir. Figma, Storybook ve token tabanlı CSS bu sistemin araçlarındandır.
Design system oluşturmak bir kez yapılıp bırakılan iş değildir. Ürün büyüdükçe yeni bileşenler eklenmeli, eski kararlar güncellenmeli ve kullanım kuralları geliştirilmelidir. Güncellenmeden kalan bir design system zamanla gerçek üründen uzaklaşır ve takım buna uymayı bırakır. Canlı tutmak için hem tasarım hem geliştirme tarafının sahiplenmesi gerekir.
