Show HN: Functional UI Kit – twin Figma and React component libraries

101 points

say2015

2 years ago

Hey Hackers! My name is Alex and I’ve been working on this project for the past 8 months with the support of Figma Creator Fund. I’d love to hear your thoughts from your experience working with designers & component libraries.

I started out in design and later got into coding, so I understand both sides really well. I did UX Design for 12 years at startups, at my own studio and at Wix, and then worked as a front-end dev at Wix for 2 more years.

I've noticed a common problem: most component libraries work great for devs but not so well for designers.

In my experience working with big teams, I've felt this frustration firsthand. Instead of focusing on making products, we end up arguing over small details and terms.

In Functional UI Kit, each comp has dedicated story in Storybook. Copy pasting from Dev Mode in Figma just works, Figma variables and CSS variables match, auto Layout is mirroring the same box model structure & the CSS architecture shields you from style collisions.

It leverages all the latest Figma features to the MAX. Including the latest: Annotations, and of course: Dark Mode.

I hope you try it and let me know what you think.

16 comments