Hệ thống thiết kế

kickstartDS là framework mã nguồn mở để xây dựng Hệ thống thiết kế, hướng đến việc cải thiện sự cộng tác giữa người tạo nội dung, nhà phát triển, nhà thiết kế và các bên liên quan.

Tính năng và đặc điểm chính

1. Framework low-code và thư viện component: cung cấp các component làm khối xây dựng vững chắc, có thể thích ứng và cải tiến, từ design token đến tùy chỉnh toàn diện. Các thuộc tính component dựa trên nhu cầu thực tế và giải quyết trước những vấn đề thường ngày. Framework cung cấp lớp nền tảng mặc định vững chắc với component token để thay đổi, đồng thời hỗ trợ design token cho màu sắc, phông chữ, kích thước và biểu tượng.
2. Không phụ thuộc framework: mỗi component gồm HTML ngữ nghĩa (HTML5), CSS Modules và Properties, cùng JavaScript (ES6), giúp dễ triển khai trên mọi framework hoặc hoạt động độc lập. Ngoài ra còn có các component React sẵn sàng sử dụng trực tiếp trong codebase.
3. Tích hợp phong phú: tích hợp sẵn với hệ sinh thái web hiện đại, gồm Next.js, Gatsby, React, Storybook, Contentful, Netlify Create, Sanity, Storyblok, Static CMS, 11ty, GraphQL, Wordpress, Figma và UXPin.
4. CMS Starters: mọi CMS starter đều sẵn sàng sử dụng, có tùy chọn triển khai trực tiếp và tức thì, kèm một trang bắt đầu nhỏ.
5. Concierge tích hợp AI: Concierge Hệ thống thiết kế cung cấp hướng dẫn chuyên môn và chỉ đến đúng tài nguyên, dù đó là hướng dẫn triển khai, tài liệu kiến trúc hay chiến lược áp dụng.
6. Hiệu năng và khả năng tiếp cận: được xây dựng để đạt hiệu năng tối đa với runtime component nhẹ, hệ thống design token và framework CSS. Khả năng tiếp cận được bật mặc định, hỗ trợ đặc tả WCAG 2.1 của W3C, điều hướng bằng cảm ứng và bàn phím, trình đọc màn hình cùng nhiều tính năng khác.
7. Không khóa nhà cung cấp: người dùng tạo kho mã riêng với code đã cài đặt và sở hữu mọi thứ họ xây dựng.

Người dùng mục tiêu

Nhà phát triển, nhà thiết kế và đội ngũ sản phẩm.

Trường hợp sử dụng phổ biến

Có trải nghiệm như page builder cho trang marketing, landing page hoặc blog thông qua CMS starter của Storyblok, Netlify Create, Sanity Studio và Wordpress. Sử dụng API GraphQL tự động tạo để xây dựng các trang Next.js tương thích với SSR và ESM.

Mô hình giá

Nền tảng là một công cụ mã nguồn mở miễn phí. Ngoài ra có các add-on như Content Module để cấp quyền truy cập và dịch vụ Hệ thống thiết kế chuyên nghiệp để kiểm tra mức độ tương ứng với inventory frontend cũng như hỗ trợ sử dụng hằng ngày. Cần liên hệ để biết giá.