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 #

Q1 2026 #

  • Done: Kicking off weekly updates
  • Done: Adjusted roadmap for 2026 and beyond
  • Done: Naming conventions
  • 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 package
  • Done: Created new @kesko/color package
  • Done: Created new @kesko/fonts package
  • Done: System instructions for Copilot and Claude agents
  • Done: Design Tokens documentation features
  • Done: Code and contributing conventions
  • Done: Release process and 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, v1.0.0
  • Done: Hiring a Design Engineer for the systems team
  • Done: Usage guidelines for @kesko/color package
  • Done: Usage guidelines 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, v1.0.0
  • Done: Alpha release of the themes package
  • Done: Themeable design tokens
  • Done: Theme dark mode support
  • Done: Design tokens documentation
  • Done: Design token visualizer tool
  • Done: Alpha release of the CSS framework package
  • Done: Automated accessibility and visual diff tests
  • Done: Docker setup for running visual diff tests
  • Done: User editable component usage examples
  • Done: Theming support for documentation platform
  • Done: Onninen and K-Ruoka themes
  • Done: Usage guidelines for @kesko/css package
  • Done: JSON Manifest generation from component JSdoc annotations
  • Done: Auto generation of vanilla HTML component utilities
  • Done: Auto generation of components documentation and subpages
  • Done: Developing the first set of React+HTML components
  • Done: Alpha/beta releases of the new npm packages
  • Done: Usage guidelines for @kesko/themes package
  • Done: Resources page with tools and downloads
  • Done: Interactive code playground for editing examples live in the browser
  • Done: Improved mobile version of the documentation platform
  • Done: Design token naming and consistency.
  • Done: Re-designed documentation search experience
  • Done: AI features documentation
  • Done: Design system agent skills that you can install
  • Done: Accessibility guidelines
  • Done: Accessibility checklist tool
  • Done: Refactored test automation and runners
  • Done: Start tracking design system KPIs
  • Done: Convert design tokens into W3C DTCG format
  • Done: Syncing design tokens with Figma
  • Done: Figma design tokens
  • In progress: Theming system and utilities
  • In progress: Kesko brand themes
  • In progress: Component library
  • In progress: CSS Framework
  • In progress: Figma Toolkit
  • In progress: Iconography refresh and guidelines
  • In progress: Figma icon library
  • In progress: Iconography workshops
  • In progress: On-boarding new team members

Q3 2026 #

  • Kicking off monthly updates
  • User satisfaction surveys
  • Playground examples for all packages
  • Design system CDN (Content Delivery Network)
  • Usage guidelines for @kesko/components package
  • Piloting the new features with product teams
  • Components work continues
  • Figma Toolkit work continues
  • Figma Toolkit usage guidelines
  • Continued work on improving the docs platform
  • Piloting new features with the product teams
  • Continued design system research
  • Button component
  • Stack component
  • Divider component
  • Spinner component
  • Visually hidden component
  • Badge component
  • Card component
  • Input component
  • Textarea component
  • Radio component
  • Checkbox component
  • Fieldset component
  • Design system workshops

Q4 2026 #

  • Work on components continues
  • Technical writing for the documentation
  • Continued work on improving the docs platform
  • Content and copywriting guidelines
  • Piloting the new features with product teams
  • Localization guidelines
  • Accessibility testing and validation
  • Motion guidelines
  • Tooltip component
  • Brand guidelines
  • Popover component
  • Dropdown component
  • Switch component
  • Toast component
  • Alert component
  • Details component
  • QR Code component

2027+ #

  • Improving existing tools, new features & bug fixes
  • Migration support and tools for product teams
  • Work on components continues
  • Work on Figma Toolkit continues
  • Introducing wider contribution model
  • Onboarding wider developer community
  • Publishing production ready modules
  • Rollout to production environments
  • Model Context Protocol (MCP) Server
  • Continued research & workshops
  • Modal component
  • Select component
  • Design systems support
  • Ramping down old design systems
  • Public release