Figma-BDD-MCP-Server

# BDD Test Generator MCP A microservice that automatically generates Behavior-Driven Development (BDD) test plans from Figma designs. https://github.com/user-attachments/assets/cf0c935a-ffed-4f86-b3a8-9002ac57f34b ## Overview This project provides a microservice that extracts UI elements, interactions, and flow information from Figma design files and automatically generates BDD test plans in Gherkin syntax. This enables development and testing teams to quickly create design-based test cases, ensuring that application behavior aligns with design intent. ## Features - Extract design data directly from Figma URLs - Analyze UI layouts and visual elements - Identify user interaction patterns - Analyze and generate test scenarios for business logic flows - Output BDD test plans in standard Gherkin syntax ## Technical Architecture - FastMCP: Base framework for the microservice - Figma API: For retrieving design file data - HTTP Client (httpx): For handling API requests - Environment Variable Management: Using dotenv for configuration - Logging System: Using Python's standard logging module ## Installation and Configuration ### Prerequisites 1. Environment: Python 3.8+ 2. Get Figma API access token: https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens 3. Set `FIGMA_API_TOKEN` in .env ## IDE Integration ### Claude Desktop Setup Update below config into ``claude_desktop_config.json`` ``` "mcpServers": { "bdd-generator-mcp": { "command": "uv", "args": [ "--directory", "/Users/pinyunwu/projects/mcp-client", "run", "server.py" ] } } ``` ## Contributing Contributions are welcome! Please follow these steps: 1. Fork the repository 2. Create a feature branch (git checkout -b feature/your-feature) 3. Commit your changes (git commit -m 'Add some feature') 4. Push to the branch (git push origin feature/your-feature) 5. Create a Pull Request