09/09/2026
Prismatrix überprüft nicht den Farbkontrast von zwei Farben auf Barrierefreiheit, sondern alle auf einmal.
Die verfügbaren Kontrast-Tools prüfen in der Regel nur ein Farbpaar. Bei einem Design-System mit vielen Farben kann das schnell mühsam werden.
Natha kennt das aus der täglichen Arbeit mit Figma und hat deshalb Prismatrix gebaut: ein kleines Tool, das den WCAG-Kontrast für jede Farbe gegen jede andere berechnet.
Bei größeren Design-Systemen mit vielen Farbvariablen summiert sich die Arbeit schnell. Jedes relevante Paar einzeln zu prüfen, kostet Zeit. Prismatrix macht das Ganze viel effizienter.
Die Farben könnt ihr von Hand eintragen. Wenn ihr mit Figma-Variablen arbeitet, gibt es einen noch eleganteren Weg: Ihr könnt eure Variable Collection als JSON-Datei exportieren und direkt in Prismatrix importieren. Danach zeigt das Tool alle Kombinationen auf einen Blick. Die Datei wird dafür übrigens nicht auf den Server geladen.
Natha nutzt Prismatrix seitdem für mehrere Projekte. Inzwischen greifen auch einige Kolleg:innen bei points darauf zurück, weshalb wir überlegen, es noch weiter auszubauen.
Wir freuen uns, wenn ihr Prismatrix benutzt und es euch eine Hilfe ist. Zu finden ist es hier: https://points.de/prismatrix.html
