tokenhaus

A learning platform for product and UI/UX designers to master design tokens and systems, from first principles to production workflow. My own product, designed and vibecoded end to end.

Highlights

What I did

tokenhaus is my own product, designed and built end to end. It teaches product and UI/UX designers design tokens and systems the way I wish I had learned them: from first principles, then straight into a real production workflow.

A few decisions shaped it. I built one linear path from beginner to production-ready instead of a topic menu, so nobody has to sequence their own learning. I made it apply-first, where every concept ends in something you build rather than a quiz, because tokens only click once you have wired them up yourself. And it runs in both Turkish and English, so Turkish designers can learn the craft in their own language.

It's in active development, with a first group of early learners already going through the lessons, and I ship free Figma plugins alongside it for the wider community.

Gallery

A free plugin I made

A small way of giving back to the community I learned from. It's free, and 500+ designers already run it.

tokenhaus - Variable Import/Export with Links

Free

Figma Community plugin

Export your Figma variables and bring them back without losing a single alias. The part most plugins fumble: the links between variables survive the round trip, so your tokens stay intact when you move them across files.

500+ designers using right now.

Open in Figma