Figma to Python Translator 🎨

An AI-powered tool that converts Figma designs (from screenshots) into Python GUI code. Upload your design, and get ready-to-use Python code for various GUI frameworks!

Features

• 🖼️ Upload Figma design screenshots
• 🔍 Intelligent layout analysis using OCR
• 🤖 AI-powered code generation using GPT-4
• 🎯 Support for multiple Python GUI frameworks:
  • Tkinter
  • PyQt6
  • CustomTkinter
• ⚙️ Customizable settings
• 📥 Easy code download and copying

Setup

1. Install Python 3.8 or higher

2. Install Tesseract OCR:

   # macOS
   brew install tesseract
   
   # Ubuntu/Debian
   sudo apt-get install tesseract-ocr
   
   # Windows
   # Download installer from: https://github.com/UB-Mannheim/tesseract/wiki

3. Install Python dependencies:

   pip install -r requirements.txt

4. Get an OpenAI API key from: https://platform.openai.com/api-keys

Usage

1. Start the application:

   streamlit run app.py

2. Enter your OpenAI API key in the sidebar

3. Upload a screenshot of your Figma design

4. Select your preferred Python GUI framework

5. Adjust advanced settings if needed

6. Get your generated Python code!

Tips for Best Results

1. Use clear, high-resolution screenshots
2. Ensure text in the design is readable
3. Keep the design relatively simple for better OCR accuracy
4. Try different GUI frameworks to find the best match for your design

Contributing

Feel free to open issues or submit pull requests for improvements!

License

MIT License - Feel free to use this tool for personal or commercial projects. # Figma2Python