Дизайн-система

kickstartDS — это Open Source-фреймворк для создания Design System, предназначенный для улучшения взаимодействия между создателями контента, разработчиками, дизайнерами и заинтересованными сторонами.

Основные функции и характеристики

1. Low-code-фреймворк и библиотека компонентов: предоставляет компоненты, которые служат прочными строительными блоками и могут адаптироваться и улучшаться — от дизайн-токенов до полной кастомизации. Свойства компонентов основаны на реальных потребностях и заранее решают повседневные задачи. Фреймворк предлагает надежный слой значений по умолчанию с токенами компонентов для изменений, а также поддерживает дизайн-токены для цветов, шрифтов, размеров и иконографии.
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-стартеры: все CMS-стартеры полностью готовы к использованию, поддерживают прямой и мгновенный деплой и включают небольшую стартовую страницу.
5. AI-консьерж: Design System Concierge предоставляет экспертные рекомендации и направляет к нужным ресурсам — руководствам по внедрению, архитектурным документам или стратегиям adoption.
6. Производительность и доступность: создан для максимальной производительности благодаря легковесному runtime компонентов, системе дизайн-токенов и CSS-фреймворку. Доступность обеспечивается по умолчанию: поддерживаются спецификация W3C WCAG 2.1, сенсорная и клавиатурная навигация, экранные дикторы и другие возможности.
7. Отсутствие привязки к поставщику: пользователи создают собственный репозиторий с установленным кодом и владеют всем, что создают.

Целевые пользователи

Разработчики, дизайнеры и продуктовые команды.

Типичные варианты использования

Получите возможности page-builder для маркетинговых и посадочных страниц или блогов через CMS-стартеры (Storyblok, Netlify Create, Sanity Studio, Wordpress). Используйте автоматически сгенерированный GraphQL API для создания страниц Next.js, совместимый с SSR и ESM.

Модель ценообразования

Базовый инструмент бесплатен и имеет открытый исходный код. Доступны дополнения, например Content Module, а также профессиональные услуги Design System для проверки соответствия инвентаря фронтенда и помощи в ежедневном использовании. Для уточнения стоимости требуется связаться с командой.