Helsinki Design System v4.0.0 on computer screen

Helsinki Design System (HDS) 4.0.0 is an award-winning, open-source design system now available as a Figma Community file. Designed to promote accessibility, consistency, and efficiency, HDS provides a comprehensive set of tools for designers and developers building user interfaces. It includes local styles for colors, typography, grids, icons, and visual assets that align with modern design standards.

HDS features over 40 ready-made components built with AA-AAA level accessibility (WCAG 2.1) in mind. Each component comes with prototyping features and reusable patterns to speed up workflows and ensure high-quality, accessible designs. To make implementation seamless, HDS offers a documentation site, a GitHub repository, and a Storybook, providing everything teams need to customize and maintain the system confidently.



More Resources Like This