-
securityA
license-
qualityConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.
Last updated 10 months ago
70
MIT
Matching MCP tools:
Matching MCP Connectors:
io.github.htmlcsstoimage
com.figma.mcp
com.telerik
ai.smithery
"tool-to-convert-figma-files-into-angular-components-including-css" matching MCP servers:
- -securityAlicense-qualityEnables AI agents like Claude to interact with Figma designs through 50+ tools for creating, styling, and manipulating design elements, components, and variables via a WebSocket relay and Figma plugin.Last updated a month agoMIT
- AsecurityAlicenseAqualityAutomates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.Last updated 5 months ago58MIT
- AsecurityAlicenseAqualityEnables interaction with Figma designs through the Figma API, allowing users to export images in multiple formats, extract style data and CSS, analyze design elements, and retrieve SVG code from Figma files. Supports batch operations and comprehensive design element analysis including images, vectors, and components.Last updated 5 months ago71210MIT
- -securityAlicense-qualityAn MCP server that enables AI assistants to interact with Figma designs for tasks like reading document info, creating elements, and managing auto layouts. It facilitates real-time design automation via a custom Figma plugin and WebSocket server integration.Last updated 8 months ago902MIT
- AsecurityAlicenseAqualityAllows Cursor AI to communicate with Figma for reading designs and modifying them programmatically through a Model Context Protocol integration.Last updated 8 months ago389021MIT