Design systém je knižnica opakovateľných prvkov rozhrania spolu s pravidlami ich používania. Obsahuje základné rozhodnutia ako paletu farieb, typografiu, odstupy a mriežku, na nich postavené komponenty ako tlačidlá, formulárové polia, karty, upozornenia a navigáciu, a pravidlá, kedy sa ktorý prvok používa. Prínos je praktický a rastie s veľkosťou projektu: nové stránky vznikajú skladaním hotových prvkov namiesto navrhovania od nuly, rozhranie pôsobí jednotne, opravy sa robia na jednom mieste a odovzdanie práce medzi dizajnérom a vývojárom prestáva byť zdrojom nedorozumení. Pre malý web je to zbytočná investícia, pre e-shop alebo aplikáciu s desiatkami obrazoviek sa vráti do niekoľkých mesiacov. Systém musí byť živý a udržiavaný, inak sa rozpadne.
Pozri aj: wireframe a prototyp, konzistencia značky, mikrotexty.
