Designsystem

kickstartDS ist ein Open-Source-Framework zur Erstellung von Designsystemen, das eine bessere Zusammenarbeit zwischen Content-Erstellern, Entwicklern, Designern und Stakeholdern ermöglichen soll.

Wichtigste Funktionen und Merkmale

1. Low-Code-Framework und Komponentenbibliothek: bietet solide, anpassbare und erweiterbare Bausteine – von Design Tokens bis zur vollständigen Anpassung. Die Eigenschaften der Komponenten basieren auf realen Anforderungen und lösen alltägliche Probleme im Voraus. Eine solide Basisschicht mit Standardwerten und veränderbaren Komponenten-Tokens sowie Unterstützung für Design Tokens von Farben, Schriften, Größen und Ikonografie sind enthalten.
2. Framework-unabhängig: jede Komponente besteht aus semantischem HTML (HTML5), CSS Modules und Properties sowie JavaScript (ES6). Dadurch lässt sie sich einfach in jedem Framework oder eigenständig einsetzen. Alternativ stehen direkt in der Codebasis einsatzbereite React-Komponenten bereit.
3. Umfangreiche Integrationen: sofort nutzbare Integrationen in den modernen Web-Stack, darunter Next.js, Gatsby, React, Storybook, Contentful, Netlify Create, Sanity, Storyblok, Static CMS, 11ty, GraphQL, Wordpress, Figma und UXPin.
4. CMS Starters: alle CMS-Starter sind vollständig einsatzbereit und bieten direkte, sofortige Deployment-Optionen einschließlich einer kleinen Einstiegsseite.
5. KI-gestützter Concierge: der Designsystem-Concierge bietet fachkundige Orientierung und verweist auf die passenden Ressourcen, etwa Implementierungsleitfäden, Architekturdokumente oder Einführungsstrategien.
6. Performance und Barrierefreiheit: für maximale Leistung mit einer schlanken Komponenten-Runtime, einem Design-Token-System und einem CSS-Framework entwickelt. Standardmäßig barrierefrei und mit Unterstützung für die WCAG-2.1-Spezifikation des W3C, Touch- und Tastaturnavigation, Screenreader und mehr.
7. Keine Anbieterbindung: Nutzer erstellen ihr eigenes Repository mit installiertem Code und besitzen alles, was sie damit entwickeln.

Zielgruppen

Entwickler, Designer und Produktteams.

Typische Anwendungsfälle

Mit CMS-Startern von Storyblok, Netlify Create, Sanity Studio und Wordpress das Erlebnis eines Page Builders für Marketingseiten, Landingpages oder Blogs umsetzen. Die automatisch generierte GraphQL-API zum Erstellen von Next.js-Seiten verwenden, die SSR- und ESM-kompatibel sind.

Preismodell

Die Basis ist ein kostenloses Open-Source-Tool. Zusätzlich gibt es Add-ons wie das Content Module für den Zugriff sowie professionelle Designsystem-Services zur Prüfung der Übereinstimmung mit dem Frontend-Inventar und zur Unterstützung im täglichen Einsatz. Für Preise ist eine Kontaktaufnahme erforderlich.