[HN Gopher] Show HN: Functional UI Kit - twin Figma and React co...
___________________________________________________________________
Show HN: Functional UI Kit - twin Figma and React component
libraries
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.
Author : say2015
Score : 26 points
Date : 2024-02-25 19:58 UTC (3 hours ago)
(HTM) web link (github.com)
(TXT) w3m dump (github.com)
| eaurouge wrote:
| Congrats on shipping! We don't use React, but we have had similar
| problems designing with Tailwind / Phoenix components in Figma.
| I'll share with my team to see if they have any feedback.
| ed wrote:
| Impressive! Looks great. This seems to be one of those ideas in
| the water. Everyone knows there should be a good pipeline from
| figma -> react, or figma -> webflow, but no one has nailed it
| just yet.
|
| A ton of corporate-sponsored design systems come close, but those
| that do (e.g. Shopify Polaris) can't be used on standalone
| projects.
|
| Untitled UI is a great example of what's possible on the Figma
| side, but only helps if you're targeting Webflow.
___________________________________________________________________
(page generated 2024-02-25 23:00 UTC)