デザインシステム

kickstartDSは、コンテンツ制作者、開発者、デザイナー、ステークホルダーのより良い協働を目指す、デザインシステム構築用のオープンソースフレームワークです。

主な機能と特徴

1. ローコードフレームワークとコンポーネントライブラリ：デザイントークンから完全なカスタマイズまで、適応・改善できる堅牢な構成要素を提供します。コンポーネントのプロパティは現実の課題に基づいており、日常的な問題をあらかじめ解決します。コンポーネントトークンによって変更できるデフォルトの基盤レイヤーを備え、色、フォント、サイズ、アイコノグラフィーなどのデザイントークンをサポートします。
2. フレームワーク非依存：各コンポーネントはセマンティックHTML(5)、CSS ModulesとProperties、JavaScript (ES6)で構成され、あらゆるフレームワークや単独環境に実装できます。コードベースには、そのまま使えるReactコンポーネントも用意されています。
3. 豊富な統合：Next.js、Gatsby、React、Storybook、Contentful、Netlify Create、Sanity、Storyblok、Static CMS、11ty、GraphQL、Wordpress、Figma、UXPinなど、最新のウェブスタックとすぐに連携できます。
4. CMS Starters：すべてのCMSスターターがすぐに使える状態で提供され、直接かつ即時のデプロイオプションと簡単なスタートページを備えています。
5. AI搭載コンシェルジュ：デザインシステムのコンシェルジュが専門的なガイダンスを提供し、実装ガイド、アーキテクチャ文書、導入戦略など、適切なリソースへ案内します。
6. パフォーマンスとアクセシビリティ：軽量なコンポーネントランタイム、デザイントークンシステム、CSSフレームワークにより高いパフォーマンスを目指して設計されています。デフォルトでアクセシブルであり、W3CのWCAG 2.1仕様、タッチ操作とキーボード操作、スクリーンリーダーなどをサポートします。
7. ベンダーロックインなし：ユーザーはコードをインストールした自分のリポジトリを作成し、構築したものを所有できます。

対象ユーザー

開発者、デザイナー、プロダクトチーム。

一般的な用途

Storyblok、Netlify Create、Sanity Studio、WordpressのCMSスターターを使い、マーケティングページ、ランディングページ、ブログでページビルダーのような体験を実現できます。自動生成されたGraphQL APIを使って、SSRとESMに対応するNext.jsページを構築できます。

料金モデル

基本機能は無料のオープンソースツールです。アクセス用のContent Moduleなどのアドオンや、フロントエンドのインベントリとの一致確認、日常利用の支援を行うプロフェッショナルなデザインシステムサービスも提供されています。料金については問い合わせが必要です。