Sistema de Design

kickstartDS é um framework de código aberto para criação de sistemas de design, voltado a melhorar a colaboração entre criadores de conteúdo, desenvolvedores, designers e partes interessadas.

Principais recursos e características

1. Framework low-code e biblioteca de componentes: fornece componentes que funcionam como blocos de construção sólidos, adaptáveis e aprimoráveis, de design tokens à personalização completa. As propriedades dos componentes têm base na realidade e antecipam problemas do dia a dia. Oferece uma camada base sólida de padrões, com tokens de componentes para alterações, além de suporte a design tokens de cores, fontes, tamanhos e iconografia.
2. Independente de framework: cada componente é formado por HTML semântico (HTML5), CSS Modules e Properties, e JavaScript (ES6), facilitando a implementação em qualquer framework ou de forma independente. Também oferece componentes React prontos para uso diretamente na base de código.
3. Integrações abrangentes: integrações prontas com a stack web moderna, incluindo Next.js, Gatsby, React, Storybook, Contentful, Netlify Create, Sanity, Storyblok, Static CMS, 11ty, GraphQL, Wordpress, Figma e UXPin.
4. CMS Starters: todos os starters de CMS vêm prontos para uso, com opções de implantação direta e imediata, incluindo uma pequena página de início.
5. Concierge com IA: o Concierge de sistemas de design oferece orientação especializada e indica os recursos certos, como guias de implementação, documentos de arquitetura ou estratégias de adoção.
6. Desempenho e acessibilidade: foi criado para oferecer o máximo de desempenho com um runtime leve de componentes, sistema de design tokens e framework CSS. É acessível por padrão e oferece suporte à especificação WCAG 2.1 da W3C, à navegação por toque e teclado, a leitores de tela e muito mais.
7. Sem dependência de fornecedor: os usuários criam seu próprio repositório com o código instalado e são donos de tudo o que constroem.

Usuários-alvo

Desenvolvedores, designers e equipes de produto.

Casos de uso comuns

Obter a experiência de um construtor de páginas para páginas de marketing, landing pages ou blogs por meio dos CMS Starters de Storyblok, Netlify Create, Sanity Studio e Wordpress. Usar a API GraphQL gerada automaticamente para criar páginas Next.js compatíveis com SSR e ESM.

Modelo de preços

A base é uma ferramenta gratuita e de código aberto. Também oferece complementos como o Content Module para acesso e serviços profissionais de sistemas de design para verificar correspondências com o inventário frontend e auxiliar no uso diário. É necessário entrar em contato para consultar os preços.