Skip to main contentJakub Nowak
Service 06

Design Systems & Tokens

Scale visual consistency — from Figma to React and CSS variables.

Complete component libraries, design tokenization (Tailwind, CSS vars, Style Dictionary), governance and documentation. For teams growing from 1 product to 10.

FigmaStorybookStyle DictionaryTailwindTokens StudioChromatic
Let's talk→

Solving real problems

🎨

Component anarchy

Every designer draws their own button — meanwhile, frontend ships 17 button variants in code.

🐌

Slow development

Every new screen starts from scratch — Figma and code drift apart.

🔀

Cross-product inconsistency

Two of your company's products look like they were built by two different agencies.

📚

No documentation

Onboarding a new designer takes a month, because the rules live in veterans' heads.

How we work

01

Audit & Inventory

Scan existing products, identify unique components and patterns.

02

Tokenization

Define tokens (color, spacing, typography, radius, motion) and map them to CSS/Tailwind.

03

Components & Patterns

Build the Figma library + React components with tests and Storybook.

04

Documentation & Governance

Docs site (Zeroheight/Storybook), contribution process, ownership roles.

What you get

Design System (Figma)

  • Component library
  • Token set (color, spacing, typo, motion)
  • Governance plug-ins and automations

Codebase Implementation

  • Storybook with components
  • @org/design-system npm package
  • Visual regression CI (Chromatic)

FAQ

Do I need a Design System if I only have one app?+

Yes — even in a single app, a DS cuts new-screen development time by 2-3x. The benefit grows exponentially with each additional product.

Figma-first or code-first?+

I work bidirectionally — Figma as the single source of truth for designers, but tokens and components are generated through Style Dictionary, so code and design never drift apart.

Let's work together

Ready for
change?

Whether you're optimizing a fundraising funnel, rolling out an AI transformation, or looking for a strategic design partner who speaks the language of both data and empathy — I'd be glad to hear about your challenge.

📄Download CV✉kontakt@jakubnowak.euinlinkedin.com/in/jakub-ux (opens in new tab)
I consent to the processing of my personal data for the purpose of the recruitment process for the position I am applying for, in accordance with the Regulation of the European Parliament and of the Council on the protection of natural persons with regard to the processing of personal data and on the free movement of such data.