{"id":"36b0531a-97dc-48d8-8171-dbe43fe440ec","shortId":"4GaDyT","kind":"mcp","title":"Figma to Code","tagline":"Bridges Figma design files to code generation, enabling direct conversion of designs into HTML, CSS, and other assets...","description":"Bridges Figma design files to code generation, enabling direct conversion of designs into HTML, CSS, and other assets with customizable output paths and file organization.\n\nF2C-MCP is a server implementation that bridges Figma design files to code generation through the Model Context Protocol. Built with TypeScript, it provides tools for parsing Figma URLs, handling authentication via API tokens, and managing output rules for generated code. The server implements JSON-RPC communication for error handling and notifications, making it valuable for designers and developers who need to convert Figma designs directly into HTML, CSS, and other assets with customizable output paths, naming conventions, and file organization.","tags":["figma","code","f2c","mcp"],"capabilities":["mcp","transport-stdio","open-source","pkg-npm"],"categories":[],"synonyms":[],"warnings":[],"endpointUrl":"https://github.com/f2c-ai/f2c-mcp","protocol":"mcp","transport":"stdio","auth":{"type":"mcp","details":{"transport":"stdio"}},"qualityScore":"0.800","qualityRationale":"deterministic score 0.80 from registry signals: · indexed on pulsemcp · has source repo · 385 github stars · registry-generated description present","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:mcp:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:23:52.224Z","embedding":null,"createdAt":"2026-04-22T00:23:52.224Z","updatedAt":"2026-04-22T00:23:52.224Z","lastSeenAt":"2026-04-22T00:23:52.224Z","tsv":"'api':80 'asset':21,39,120 'authent':78 'bridg':4,22,55 'built':67 'code':3,9,27,60,88 'communic':95 'context':65 'convent':126 'convers':13,31 'convert':111 'css':18,36,117 'customiz':41,122 'design':6,15,24,33,57,105,113 'develop':107 'direct':12,30,114 'enabl':11,29 'error':97 'f2c':48 'f2c-mcp':47 'figma':1,5,23,56,75,112 'file':7,25,45,58,128 'generat':10,28,61,87 'handl':77,98 'html':17,35,116 'implement':53,91 'json':93 'json-rpc':92 'make':101 'manag':83 'mcp':49 'model':64 'name':125 'need':109 'notif':100 'open-source' 'organ':46,129 'output':42,84,123 'pars':74 'path':43,124 'pkg-npm' 'protocol':66 'provid':71 'rpc':94 'rule':85 'server':52,90 'token':81 'tool':72 'transport-stdio' 'typescript':69 'url':76 'valuabl':103 'via':79","prices":[{"id":"888c7a3d-3759-46fe-a5d6-ac3a32e59b1f","listingId":"36b0531a-97dc-48d8-8171-dbe43fe440ec","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"mcp-free","isPrimary":true,"details":{"transport":"stdio","package_name":"@f2c/mcp","package_registry":"npm"},"createdAt":"2026-04-22T00:23:52.224Z"}],"sources":[{"listingId":"36b0531a-97dc-48d8-8171-dbe43fe440ec","source":"pulsemcp","sourceId":"https://www.pulsemcp.com/servers/f2c-figma-to-code","sourceUrl":"https://api.pulsemcp.com/v0beta/servers","isPrimary":true,"firstSeenAt":"2026-04-22T00:23:52.224Z","lastSeenAt":"2026-04-22T00:23:52.224Z"}],"details":{"listingId":"36b0531a-97dc-48d8-8171-dbe43fe440ec","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"source":"pulsemcp","transport":"stdio","server_name":"Figma to Code","github_stars":385,"package_name":"@f2c/mcp","registry_url":"https://www.pulsemcp.com/servers/f2c-figma-to-code","source_code_url":"https://github.com/f2c-ai/f2c-mcp","package_registry":"npm","package_download_count":17022},"updatedAt":"2026-04-22T00:23:52.224Z"}}