This product was not featured by Product Hunt yet.
It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).

Product upvotes vs the next 3

Waiting for data. Loading

Product comments vs the next 3

Waiting for data. Loading

Product upvote speed vs the next 3

Waiting for data. Loading

Product upvotes and comments

Waiting for data. Loading

Product vs the next 3

Loading

CodeConvert

Figma to Code Plugin+MCP+CLI. No Rate Limits.

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.

Top comment

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

About CodeConvert on Product Hunt

“Figma to Code Plugin+MCP+CLI. No Rate Limits.”

CodeConvert was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #337 on the daily leaderboard. 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.

On the analytics side, CodeConvert competes within Productivity, Developer Tools and Side Project — topics that collectively have 1.2M followers on Product Hunt. The dashboard above tracks how CodeConvert performed against the three products that launched closest to it on the same day.

Who hunted CodeConvert?

CodeConvert was hunted by AB CD. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.

For a complete overview of CodeConvert including community comment highlights and product details, visit the product overview.