Figma MCP Server

# Output Directory This directory contains generated HTML/CSS files and screenshots from the Figma MCP server. ## Generated Files When you run the test scripts, you'll find: - **`output-with-screenshot.html`** - Complete HTML/CSS implementation with screenshot references - **`screenshot-{nodeId}.png`** - Downloaded screenshots for visual comparison ## Usage Run any of the test scripts to generate outputs: ```bash # Enhanced generation with screenshot npx tsx tests/test-screenshot-enhanced.ts # Basic tool test npx tsx tests/test-tool.ts # Image/screenshot only npx tsx tests/test-image.ts ``` ## Files in This Directory All files here are generated and can be safely deleted. They are ignored by git (see `.gitignore`). ## Workflow 1. Run a test script to generate outputs 2. Open the HTML file in your browser 3. Open the screenshot PNG for comparison 4. Adjust CSS in the HTML file as needed 5. Iterate until design matches perfectly ## Cleanup To clean up all generated files: ```bash # PowerShell Remove-Item output/*.html, output/*.png # Bash rm output/*.html output/*.png ```