Show HN：開源的 Figma 設計轉 React 程式碼工具

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

To see all available qualifiers, see our documentation.

Figma to React Converter

License

vibeflowing-inc/vibe_figma

Folders and files

Latest commit

History

Repository files navigation

VibeFigma - 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.

Demo Video

Features

Step 1: 🔑 Getting a Figma Access Token

Set it as an environment variable:

Step 2: Quick Start

Using npx (Recommended)

No installation required! Just run:

Using Environment Variable

Set your Figma token once:

Using our CLI

This will prompt you for:

Advanced Usage

Basic Usage

Custom Output Paths

Disable Tailwind CSS

Advanced Options

Command Options

API Server

This project also includes a REST API server:

Configuration

Create a .env file:

API Usage

The project includes a REST API for Figma to React conversion:

See API.md for full API documentation.

CLI Development

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Acknowledgments

This project includes code derived from css-to-tailwindcss by Salakhutdinov Salavat, licensed under the MIT License.

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.

About

Figma to React Converter

Topics

Resources

License

Uh oh!

There was an error while loading. Please reload this page.

Stars

Watchers

Forks

Releases

Packages

  0

Contributors

  2

Languages

Footer

Footer navigation