{"repo":"vibeflowing-inc/vibe_figma","free":true,"listed":false,"github":"https://github.com/vibeflowing-inc/vibe_figma","clone":"git clone https://github.com/vibeflowing-inc/vibe_figma.git","description":"Figma to React Converter","language":"TypeScript","stars":838,"topics":["figma","figma-to-code","react","tailwindcss"],"license":"AGPL-3.0","category":"cli-tools","readme_excerpt":"VibeFigma - Figma to React Converter Want to skip the setup? Try VibeFigma instantly in the cloud - Import from Figma is built directly into VibeFlow UI . No installation needed, just paste your Figma URL and go. Transform your Figma designs into production-ready React components with Tailwind CSS automatically. Quick Start VibeFigma can be used in multiple ways: 1. Using our CLI (Interactive - Easiest!) The CLI will guide you through: - Entering your Figma URL - Providing your access token - Choosing output paths 2. Claude Code Skill For Claude Code, install the skill to enable Figma to React conversion directly within your Claude Code environment. 3. Direct Command (Fast) 3. Using Environment Variable Set your Figma token once: 🔑 Getting a Figma Access Token 1. Go to Figma Account Settings 2. Scroll to Personal Access Tokens 3. Click Generate new token 4. Give it a name and click Generate 5. Copy the token (you won't see it again!) 6. Store it securely in a .env file or pass via --token flag Features - Official Figma API Integration - Direct integration with Figma's API for accurate design extraction - React Component Generation - Convert Figma frames to React/TypeScript components - Tailwind CSS Support - Automatic Tailwind class generation (enabled by default) - Code Optimization - Optional AI-powered code cleanup Advanced Usage Basic Usage Custom Output Paths Disable Tailwind CSS Skip Overwrite Confirmations Advanced Options Command Options API Server This project also ","default_branch":null,"files":null,"tree":[],"storefront":"/r/vibeflowing-inc","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vibeflowing-inc/vibe_figma/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}