# Roadmap

> The roadmap of Kesko Design System, based on our future planned design and development path. Subject to change based on user needs and feedback.

## Q3 2025

- ~~Done: Kespro support~~
- ~~Done: Initial project planning~~
- ~~Done: Initial background research~~
- ~~Done: Initial user research~~
- ~~Done: Technical research and audits~~

## Q4 2025

- ~~Done: Architecture and API design~~
- ~~Done: [Roadmap and scope](/roadmap/)~~
- ~~Done: [Design system goals](/goals/)~~
- ~~Done: [Design system principles](/principles/)~~
- ~~Done: Live previews for GitHub pull requests~~
- ~~Done: Build, test & deploy automation on CI~~
- ~~Done: [LLMs.txt](/llms.txt) for AI models~~
- ~~Done: [Markdown content](/principles.md) for AI models~~
- ~~Done: Getting buy-in and support~~
- ~~Done: Custom Elements proof of concepts & ADRs~~
- ~~Done: Initial documentation platform~~
- ~~Done: Initial infrastructure foundations~~

## Q1 2026

- ~~Done: Kicking off weekly updates~~
- ~~Done: Adjusted roadmap for 2026 and beyond~~
- ~~Done: [Naming conventions](/naming/)~~
- ~~Done: Kicking off bi-weekly office hours~~
- ~~Done: Improved LLMs support for the docs platform~~
- ~~Done: Improved support for different content types in docs~~
- ~~Done: Foundational design token infrastructure~~
- ~~Done: Foundational color palette infrastructure~~
- ~~Done: Created new [@kesko/tokens](https://github.com/kesko-dev/design-system/tree/main/packages/tokens) package~~
- ~~Done: Created new [@kesko/color](https://github.com/kesko-dev/design-system/tree/main/packages/color) package~~
- ~~Done: Created new [@kesko/fonts](https://github.com/kesko-dev/design-system/tree/main/packages/fonts) package~~
- ~~Done: System [instructions](https://github.com/kesko-dev/design-system/blob/main/CLAUDE.md) for Copilot and Claude agents~~
- ~~Done: [Design Tokens documentation](/tokens/) features~~
- ~~Done: Code and contributing conventions~~
- ~~Done: Release process and [changelog](/changelog/) for the docs platform~~
- ~~Done: Icons library with ES modules and React components~~
- ~~Done: Usage guidelines for `@kesko/icons` package~~
- ~~Done: Bug report and feature request workflow~~
- ~~Done: Usage guidelines for `@kesko/fonts` package~~
- ~~Done: Product team support with `@kesko/icons` migration~~
- ~~Done: Start hiring a Design Engineer for the systems team~~
- ~~Done: Piloting the new icons and fonts with product teams~~
- ~~Done: Analytics platform to track the adoption of the design system~~

## Q2 2026

- ~~Done: Piloting the new icons and fonts with product teams~~
- ~~Done: Publish first stable production release of [icons](/icons/), `v1.0.0`~~
- ~~Done: Hiring a [Design Engineer](https://arielsalminen.com/2026/hiring-a-design-engineer-for-kesko-design-system/) for the systems team~~
- ~~Done: [Usage guidelines](/colors/) for `@kesko/color` package~~
- ~~Done: [Usage guidelines](/tokens/#usage) for `@kesko/tokens` package~~
- ~~Done: Internal Design System APIs~~
- ~~Done: Gathering and documenting the existing design tokens~~
- ~~Done: Beta release of design tokens~~
- ~~Done: Improved color palettes~~
- ~~Done: Publish first stable production release of [webfonts](/webfonts/), `v1.0.0`~~
- ~~Done: Alpha release of the themes package~~
- ~~Done: Themeable design tokens~~
- ~~Done: Theme dark mode support~~
- ~~Done: Design token documentation~~
- ~~Done: Alpha release of the CSS framework package~~
- **In progress:** Design token naming and consistency
- **In progress:** Theming API and NPM package
- **In progress:** Component library
- **In progress:** CSS Framework
- Usage guidelines for `@kesko/css` package
- Usage guidelines for `@kesko/themes` package
- Usage guidelines for `@kesko/components` package
- Kicking off monthly updates
- On-boarding new team members
- Developing the first set of web components
- Set up a framework for tracking design system KPIs
- Figma Toolkit work begins
- Piloting the new features with product teams
- Alpha/beta releases of the new npm packages

## Q3 2026

- Design system CDN (Content Delivery Network)
- Automated accessibility and visual diff tests
- Components work continues
- Figma Toolkit work continues
- Continued work on improving the docs platform
- Piloting new features with the product teams
- Continued design system research
- Design system workshops

## Q4 2026

- Work on components continues
- Technical writing for the documentation
- Continued work on improving the docs platform
- Content and accessibility guidelines
- Piloting the new features with product teams

## Q1 2027

- Improving existing tools, new features & bug fixes
- Migration support and tools for product teams
- Introducing wider contribution model
- Onboarding wider developer community
- Publishing production ready modules
- Rollout to production environments
- Model Context Protocol Server
- Design systems support

## Q2 2027

- Improved automation between Figma & code
- Improving existing tools, new features & bug fixes
- Support with migration & related tools
- Ramping down old design systems
- Design system support
- Public release

## Q3 2027

- Improving existing tools, new features & bug fixes
- Work on components continues
- Work on Figma Toolkit continues
- Continued research & workshops
- Design system support