Top 4 HTML Figma Projects
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: Show HN: Functional UI Kit – twin Figma and React component libraries | news.ycombinator.com | 2024-02-25I 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...
Index
What are some of the best open-source Figma projects in HTML? This list will help you:
Project | Stars | |
---|---|---|
1 | react-image-editor | 260 |
2 | figma-rust | 23 |
3 | webflow-expert | 3 |
4 | portafolio3 | 0 |
Sponsored