Designsystemen

kickstartDS is een Open Source-framework voor het maken van Design Systems, gericht op betere samenwerking tussen contentmakers, ontwikkelaars, ontwerpers en stakeholders.

Belangrijkste functies en kenmerken

1. Low-code-framework en componentbibliotheek: biedt componenten als stevige bouwblokken die kunnen worden aangepast en verbeterd, van designtokens tot volledige personalisatie. Component­eigenschappen zijn gebaseerd op de praktijk en lossen dagelijkse problemen vooraf op. Het biedt een solide basislaag met standaardwaarden en componenttokens voor wijzigingen, en ondersteunt designtokens voor kleuren, lettertypen, formaten en iconografie.
2. Frameworkonafhankelijk: elk component bestaat uit semantische HTML(5), CSS Modules & Properties en JavaScript (ES6), waardoor implementatie in elk framework of zelfstandig eenvoudig is. Ook zijn er direct in de codebase bruikbare React-componenten beschikbaar.
3. Veel integraties: kant-en-klare integraties met de moderne webstack, waaronder Next.js, Gatsby, React, Storybook, Contentful, Netlify Create, Sanity, Storyblok, Static CMS, 11ty, GraphQL, Wordpress, Figma en UXPin.
4. CMS-starters: alle CMS-starters zijn volledig klaar voor gebruik, met opties voor directe en onmiddellijke deployment en een kleine introductiepagina.
5. AI-aangedreven Concierge: Design System Concierge biedt deskundige begeleiding en verwijst naar de juiste bronnen, zoals implementatiehandleidingen, architectuurdocumenten en adoptiestrategieën.
6. Prestaties en toegankelijkheid: gebouwd voor maximale prestaties met een lichtgewicht component-runtime, een designtokensysteem en een CSS-framework. Toegankelijkheid is standaard ingebouwd, met ondersteuning voor de W3C WCAG 2.1-specificatie, aanraak- en toetsenbordnavigatie, schermlezers en meer.
7. Geen vendor lock-in: gebruikers maken hun eigen repository met de geïnstalleerde code en zijn eigenaar van wat ze bouwen.

Doelgroep

Ontwikkelaars, ontwerpers en productteams.

Typische toepassingen

Gebruik CMS-starters (Storyblok, Netlify Create, Sanity Studio, Wordpress) voor een page-builderervaring voor marketing- en landingspagina’s of blogs. Gebruik de automatisch gegenereerde GraphQL API om Next.js-pagina’s te bouwen; deze is compatibel met SSR en ESM.

Prijsmodel

De basis is een gratis Open Source-tool. Er zijn add-ons beschikbaar, zoals de Content Module voor toegang, plus professionele Design System-diensten voor het controleren van overeenkomsten met de frontend-inventaris en hulp bij dagelijks gebruik. Neem contact op voor prijzen.