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

• functional-ui-kit

  1 496 8.1 TypeScript

  Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

  

• figma-rust

  1 23 8.6 HTML

  Cool tricks using the figma file api

I like this approach of building a template in Figma and CSS, and having customizations map across them. I like that you've stuck with fairly established components where the behavior is very established. It means you're less likely to alienate people who want different conventions.

> I’d love to hear your thoughts from your experience working with designers & component libraries.

I tried a different approach. I built a tool to export Figma designs to HTML and inline CSS.

It uses the REST API rather than the plugin API, so you don't need as many permissions to use it.

I put in some work to collapse `div`s together, so the HTML isn't div soup.

It works with components and screens, but isn't smart enough to identify reusable components.

I had hoped it would give developers an initial output to aim for when porting designs to React. Ultimately though, it didn't get much traction with my colleagues and I've stopped working on it.

But if you're interested, you can check it out here: https://github.com/ccouzens/figma-rust/blob/main/src/to_html...

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project