4BIT DIGITAL - STUDIO 00

UI kits Bestseller v6.2.0

Signal — Design System & UI Kit

The system behind our client work: 220 components in Figma, and the React library that matches.

4.9 196 reviews

970 licences sold

  • Figma
  • React
  • TypeScript
  • CSS
  • JSON tokens

What it is

Tokens, components and documentation that agree with each other, in Figma and in code — so a handover does not become a translation exercise.

A design system is a maintenance decision, not a speed-up. It costs you time on the first screen and pays you back on the fortieth change.

Signal is the one we run internally. Every component exists twice — as a Figma component with variants, and as a typed React component — and both read their values from the same token file. Change a radius once and it moves in both places.

The documentation is written for the person who inherits it, which in our experience is never the person who chose it.

What makes it worth the money

  • One source of truth Figma and React read the same token file.
  • Accessible by default Focus, roles and contrast handled in the component, not in review.
  • Typed and documented Storybook entries written for whoever inherits it.

A look inside

The component index in Figma, with variants expanded.
Tokens flowing from JSON into both Figma and React.
Storybook, with the accessibility notes that matter.

In the download

  • 220 Figma components with variants
  • Typed React library, tree-shakeable
  • Design tokens as JSON, W3C format
  • Storybook with usage notes on every component
  • Light, dark and high-contrast themes
  • Accessibility annotations on interactive components

Specification

Components
220 Figma / 96 React
Tokens
W3C JSON, Style Dictionary ready
Themes
Light, dark, high contrast
Bundle
31KB gzipped, tree-shakeable

Works with

  • Figma
  • React 18+
  • Next.js
  • Vite
  • Style Dictionary

Release history

  1. v6.2.0

    Figma variables migration and a high-contrast theme that passes AAA on text.

  2. v6.0.0

    React 19 support and a rewritten form layer. Breaking: Field API changed.

Who looks after it

Actively maintained · last release 21 Jul 2026 · 2 releases logged

  • AO Amara Osei

    Owns the Figma library, the token file, and the decision about what counts as a breaking change.

    Since Jul 2025 1 yr 2 mo

Handover history

  1. EM Elena Márquez Jul 2025 – Mar 2026
  2. AO Amara Osei Since Jul 2025
  3. DR Daniel Reyes Since Mar 2026
Elena Márquez
Wrote the first React library and the Style Dictionary pipeline underneath it.

Questions about this one

No. Plenty of buyers take only the Figma library, and a few take only the React package. They are worth more together because the tokens keep them honest, but neither depends on the other.