Helsinki Design System 4.0.0 UI kit overview.

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.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.