Design system

kickstartDS è un framework open source per la creazione di design system, pensato per migliorare la collaborazione tra creatori di contenuti, sviluppatori, designer e stakeholder.

Caratteristiche e funzionalità principali

1. Framework low-code e libreria di componenti: offre componenti solidi, adattabili e migliorabili, dai design token alla personalizzazione completa. Le proprietà dei componenti si basano su esigenze reali e risolvono in anticipo i problemi quotidiani. Include una solida base di valori predefiniti con token dei componenti modificabili e supporta design token per colori, font, dimensioni e iconografia.
2. Indipendente dal framework: ogni componente è composto da HTML semantico (HTML5), CSS Modules e Properties, e JavaScript (ES6), per facilitarne l’implementazione in qualsiasi framework o in modalità standalone. In alternativa, offre componenti React pronti all’uso direttamente nella codebase.
3. Integrazioni complete: integrazioni pronte all’uso con il moderno stack web, tra cui Next.js, Gatsby, React, Storybook, Contentful, Netlify Create, Sanity, Storyblok, Static CMS, 11ty, GraphQL, Wordpress, Figma e UXPin.
4. CMS Starters: tutti i CMS starter sono pronti all’uso, con opzioni di distribuzione diretta e immediata e una piccola pagina introduttiva.
5. Concierge basato sull’IA: il Concierge del design system offre indicazioni esperte e indirizza alle risorse giuste, come guide all’implementazione, documenti di architettura o strategie di adozione.
6. Prestazioni e accessibilità: progettato per prestazioni massime con un runtime dei componenti leggero, un sistema di design token e un framework CSS. Accessibile per impostazione predefinita, con supporto alla specifica WCAG 2.1 del W3C, alla navigazione touch e da tastiera, agli screen reader e altro ancora.
7. Nessun vincolo del fornitore: gli utenti creano il proprio repository con il codice installato e possiedono tutto ciò che costruiscono.

Utenti target

Sviluppatori, designer e team di prodotto.

Casi d’uso tipici

Ottenere un’esperienza da page builder per pagine di marketing, landing page o blog tramite i CMS starter di Storyblok, Netlify Create, Sanity Studio e Wordpress. Usare l’API GraphQL generata automaticamente per creare pagine Next.js compatibili con SSR ed ESM.

Modello di prezzo

La base è uno strumento open source gratuito. Sono disponibili anche add-on come Content Module per l’accesso e servizi professionali di design system per verificare la corrispondenza con l’inventario frontend e assistere nell’uso quotidiano. Per i prezzi è necessario contattare il fornitore.