A tool or method for converting Figma designs to code – MCP tools

flatten_node
Claude Talk to Figma MCP
Flatten nodes in Figma for boolean operations or converting to paths, enabling streamlined design adjustments through AI-assisted commands in the Claude Talk to Figma MCP server.
MIT
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
create_frame
figmad-mcp
Create a new frame in Figma to serve as a primary container for designs. Requires the Figma plugin connection for AI agents to manage design layouts.
flatten_node
CC Fig MCP
Flatten Figma nodes to enable boolean operations or convert them to paths for design manipulation.
superdesign_generate
Superdesign MCP Server
Generate UI designs, wireframes, components, logos, or icons from text prompts for Claude Code development projects.
flatten_node
Claude Talk to Figma MCP
Flatten Figma nodes to prepare them for boolean operations or convert them to paths, enabling advanced design modifications.
MIT

Interested in MCP?

Join the MCP community for support and updates.