Plugin-first design-to-code engine with a live bidirectional bridge. AI-powered responsive design generator, connects via Remote & Local MCP, and workflows are scriptable from the CLI. Optimized for AI Agents with Zero Limits.

Months ago, I was looking for free html converters. Some free ones aren't accurate and and somewhat accurate ones aren't free. So I built this Plugin over the time also usable with CLI or MCP to retrieve Figma selection as html/react+tailwind code. Then convertable into responsive components using AI. Or can be copy pasted into an Agent with prompt.

Its an alternate for Figma's official MCP featuring the following:

Feature	Official Figma MCP	Figmacode / CodeConvert
Usage Limits	Tier & Rate-limited	Zero limits (100% free & unlimited)
Code Output	Metadata / layout JSON snippets	Direct production HTML & React JSX (Tailwind CSS, fonts, styles). Optionally responsive.
Canvas Access	Read-only REST inspect	Full Read + Write via eval() (figma.* API sandbox execution)
Responsiveness	Static coordinates / absolute boxes	Both absolute & AI-driven responsive conversion (flex, grid, fluid sizing)
Asset Handling	Manual export / raw node IDs	Automatic asset upload to CDN (vector SVG + PNG)
Interoperability	MCP clients only	CLI + Local MCP + Remote SSE MCP + Figma Web/App Plugin
Canvas Search	Not supported / file-level only	Semantic search across all pages & text (figma_search)
Auth & Setup Friction	Requires Personal Access Token (PAT) + Enterprise setup	1-click token from plugin header (zero PAT configuration)
Large Component Handling	Truncates or fails on large node trees	Section split or configurable.

I will try to respond to the feedbacks, or feature suggestions to keep it up to date.

CLI Usage: From Terminal

# Pass token only on first use (found in Web Figma plugin ui, need to stay open)
npx -y figmacode --token cct_*************
npx -y figmacode search "home page"
npx -y figmacode html --out index.html

MCP Usage: From Cursor / Claude (MCP)

Add this to your MCP config (mcp_config.json): (remote mcp example)

"figmacode": {
  "type": "sse",
  "url": "https://codeconvert.cc/mcp?token...*************"
}

Then you can ask an agent:

"Convert checkout card from figma to check.jsx"

Plugin & Repo:
https://www.figma.com/community/plugin/1618553111789925879
https://www.npmjs.com/package/figmacode
https://github.com/AB498/figmacode

Feature	Official Figma MCP	Figmacode / CodeConvert
Usage Limits	Tier & Rate-limited	Zero limits (100% free & unlimited)
Code Output	Metadata / layout JSON snippets	Direct production HTML & React JSX (Tailwind CSS, fonts, styles). Optionally responsive.
Canvas Access	Read-only REST inspect	Full Read + Write via eval() (figma.* API sandbox execution)
Responsiveness	Static coordinates / absolute boxes	Both absolute & AI-driven responsive conversion (flex, grid, fluid sizing)
Asset Handling	Manual export / raw node IDs	Automatic asset upload to CDN (vector SVG + PNG)
Interoperability	MCP clients only	CLI + Local MCP + Remote SSE MCP + Figma Web/App Plugin
Canvas Search	Not supported / file-level only	Semantic search across all pages & text (figma_search)
Auth & Setup Friction	Requires Personal Access Token (PAT) + Enterprise setup	1-click token from plugin header (zero PAT configuration)
Large Component Handling	Truncates or fails on large node trees	Section split or configurable.