design_to_code
Convert Figma designs into React components and create GitHub pull requests. Accepts Figma URLs or file IDs to generate TypeScript React code with accessibility validation.
Instructions
Convert Figma design to React component and create GitHub PR. Accepts Figma URLs or file IDs.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| figmaInput | Yes | Figma URL (with node selection) or file ID. Example: https://www.figma.com/file/abc123/Design?node-id=1%3A2 | |
| componentName | Yes | Name for the generated React component (e.g., "HeroButton") | |
| outputPath | No | Output directory for component files (default: "./src/components") | ./src/components |
| githubBranch | No | GitHub branch name for the changes (default: auto-generated) | auto-generated |