Sistema de diseño

kickstartDS es un framework de código abierto para crear sistemas de diseño, pensado para mejorar la colaboración entre creadores de contenido, desarrolladores, diseñadores y partes interesadas.

Funciones y características principales

1. Framework low-code y biblioteca de componentes: proporciona componentes que sirven como bloques de construcción sólidos, adaptables y mejorables, desde design tokens hasta una personalización completa. Sus propiedades se basan en necesidades reales y resuelven de antemano problemas cotidianos. Incluye una capa base de valores predeterminados con tokens de componentes modificables y admite design tokens para colores, fuentes, tamaños e iconografía.
2. Independiente del framework: cada componente consta de HTML semántico (HTML5), CSS Modules y Properties, y JavaScript (ES6), por lo que es fácil implementarlo en cualquier framework o de forma independiente. También ofrece componentes React listos para usar directamente en el código base.
3. Integraciones completas: integraciones listas para usar con el stack web moderno, como Next.js, Gatsby, React, Storybook, Contentful, Netlify Create, Sanity, Storyblok, Static CMS, 11ty, GraphQL, Wordpress, Figma y UXPin.
4. CMS Starters: todos los starters de CMS están listos para usar, con opciones de implementación directa e inmediata y una pequeña página de inicio.
5. Concierge con IA: el Concierge de sistemas de diseño ofrece orientación experta y dirige a los recursos adecuados, ya sean guías de implementación, documentos de arquitectura o estrategias de adopción.
6. Rendimiento y accesibilidad: está diseñado para ofrecer el máximo rendimiento mediante un runtime ligero de componentes, un sistema de design tokens y un framework CSS. Es accesible por defecto y admite la especificación WCAG 2.1 del W3C, navegación táctil y con teclado, lectores de pantalla y más.
7. Sin dependencia de proveedores: los usuarios crean su propio repositorio con el código instalado y son propietarios de todo lo que construyen.

Usuarios objetivo

Desarrolladores, diseñadores y equipos de producto.

Casos de uso habituales

Obtener una experiencia de creación de páginas para páginas de marketing, landing pages o blogs mediante los CMS Starters de Storyblok, Netlify Create, Sanity Studio y Wordpress. Usar la API de GraphQL autogenerada para crear páginas de Next.js compatibles con SSR y ESM.

Modelo de precios

La base es una herramienta gratuita de código abierto. También ofrece complementos como Content Module para obtener acceso y servicios profesionales de sistemas de diseño para comprobar la correspondencia con el inventario frontend y ayudar en el uso diario. Es necesario contactar para conocer los precios.