디자인 시스템

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 기반 Concierge: 디자인 시스템 Concierge가 전문적인 가이드를 제공하고 구현 가이드, 아키텍처 문서, 도입 전략 등 적절한 리소스로 안내합니다.
6. 성능 및 접근성: 가벼운 컴포넌트 런타임, 디자인 토큰 시스템, CSS 프레임워크를 통해 높은 성능을 목표로 설계되었습니다. 기본적으로 접근성을 지원하며 W3C WCAG 2.1 사양, 터치 및 키보드 탐색, 스크린 리더 등을 지원합니다.
7. 벤더 종속 없음: 사용자는 코드가 설치된 자체 저장소를 만들고 구축한 모든 것을 소유합니다.

대상 사용자

개발자, 디자이너, 제품 팀.

일반적인 사용 사례

Storyblok, Netlify Create, Sanity Studio, Wordpress CMS 스타터를 통해 마케팅 페이지, 랜딩 페이지 또는 블로그에서 페이지 빌더와 같은 경험을 구현할 수 있습니다. 자동 생성된 GraphQL API로 SSR 및 ESM과 호환되는 Next.js 페이지를 구축할 수 있습니다.

요금 모델

기본 제품은 무료 오픈 소스 도구입니다. 액세스를 위한 Content Module 같은 애드온과 프런트엔드 인벤토리 일치 여부 확인 및 일상적인 사용 지원을 제공하는 전문 디자인 시스템 서비스도 있습니다. 가격은 문의가 필요합니다.