Tool to convert Figma files into Angular components including CSS – MCP tools

figma_to_code
f2c-mcp-server
Extract Figma node IDs and convert designs into HTML, React with CSS Modules, or React with Tailwind CSS using MCP server f2c-mcp-server to automate design-to-code workflows.
MIT License
generate_component
MCP Tailwind Gemini Server
Create Tailwind CSS components with AI-driven precision. Specify type, framework, variant, size, and theme to generate responsive, accessible designs for React, Vue, Angular, Svelte, or HTML.
MIT License
translate_muiscan
Muiscan MCP Server
Transform muiscan JSON data into web components to convert Figma designs into production-ready MUI components through the Model Context Protocol.
create_components_from_node
Conduit
Convert Figma nodes into reusable components using node IDs, with options for batch processing and error handling. Maintains node positions during conversion.
MIT License
convert_to_tailwind
MCP Tailwind Gemini Server
Transform CSS, SCSS, or HTML styles into Tailwind CSS utility classes. Optimize and preserve custom properties with this intelligent conversion tool, enhancing cross-platform design consistency.
MIT License
get_components
Figma MCP Server with Chunking
Extract components from a Figma file using an API tool designed for handling large files efficiently with memory-aware chunking and pagination.
MIT License

Interested in MCP?

Join the MCP community for support and updates.