Hacker News
This 'Show HN' post introduces VibeFigma, an open-source tool that converts Figma designs into production-ready React components with Tailwind CSS. It leverages the Figma API to generate clean, maintainable code and offers both CLI and API usage.
AI 生成摘要
這篇「Show HN」文章介紹了 VibeFigma，一個開源工具，能將 Figma 設計轉換為使用 Tailwind CSS 的生產就緒 React 組件。該工具利用 Figma API 生成乾淨、易於維護的程式碼，並提供 CLI 和 API 使用方式。
We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Figma to React Converter
Transform your Figma designs into production-ready React components with Tailwind CSS automatically. VibeFigma leverages the official Figma API to accurately extract design information and generate clean, maintainable code.
Set it as an environment variable:
No installation required! Just run:
Set your Figma token once:
This will prompt you for:
This project also includes a REST API server:
Create a .env file:
The project includes a REST API for Figma to React conversion:
See API.md for full API documentation.
Contributions are welcome! Please feel free to submit a Pull Request.
This project includes code derived from css-to-tailwindcss by Salakhutdinov Salavat, licensed under the MIT License.
This project is licensed under the Functional Source License, Version 1.1, MIT Future License (FSL-1.1-MIT). See the LICENSE file for the full license text.
See the NOTICE file for details about third-party code used in this project.
Figma to React Converter
There was an error while loading. Please reload this page.
0
2
