AgentIndex icon
AgentIndex
photon logo
photon
★ 100
vs
plumb-mcp logo
plumb-mcp
★ 83

photon vs plumb-mcp

photon: Photon lets you define logic once in TypeScript and automatically exposes it through three interfaces: MCP server for AI agents, CLI tool for automation, and Web UI for humans. It eliminates boilerplate by deriving tool definitions, validations, and UI from your code, making it easy to build and deploy multi-surface applications.; plumb-mcp: Plumb is a Figma-to-code MCP server with a built-in verification loop. It reads Figma via a desktop plugin (no rate limits, works on Free plans) and outputs a compact normalised design spec (PDS) instead of large JSON tokens. The unique verification tool drives headless Chrome to diff the rendered code against the original design, closing the loop on code quality.

01

TL;DR

photon logo
photonVision / Multimodal · ★ 100

Building AI agent tools with MCP protocol support

Read photon full review →
plumb-mcp logo
plumb-mcpVision / Multimodal · ★ 83

Coding agents (Claude Code, Cursor, Windsurf) generating UI from Figma designs with verification to ensure pixel-perfect implementation.

Read plumb-mcp full review →
02

Side-by-Side Comparison

Field
photon logophoton
plumb-mcp logoplumb-mcp
Category
Vision / Multimodal
Vision / Multimodal
Stars
★ 100
★ 83
License
MIT
MIT
Install Command
npm install -g @portel/photon
npm install -g plumb-mcp && plumb-mcp init
Updated
4d ago
1w ago
Open Source
Yes
Yes
Website
↗ Visit
↗ Visit
GitHub
↗ GitHub
↗ GitHub
Tags
ai-tools, beam, claude-code
ai, ai-coding-agent, anthropic
03

Features

photon logophoton
01Auto-generated Web UI from method signatures
02One source file produces MCP server, CLI, and UI
03Built-in support for OAuth, scheduled tasks, webhooks, and distributed locks
04Standalone binary compilation via Bun
05Real-time events and persistent memory without infrastructure
plumb-mcp logoplumb-mcp
01No rate limits: reads Figma via a plugin API, bypassing REST quotas and plan gates.
02Compact spec (PDS): deduplicates design tokens and resolves auto-layout to flexbox, reducing token count by 1–2 orders of magnitude.
03Verification loop: `plumb_verify` MCP tool and CLI diff rendered code against Figma design, outputting structured deltas.
04Twelve MCP tools: outline, node, tokens, assets, screenshot, verify, search, components, and more.
05Two data paths: plugin (no token, real-time) and REST (headless/CI, requires token).
04

Use Cases

photon logophoton
↳Building AI agent tools with MCP protocol support
↳Creating CLI automation scripts from simple TypeScript classes
↳Developing web dashboards for internal tools without front-end coding
plumb-mcp logoplumb-mcp
↳Coding agents (Claude Code, Cursor, Windsurf) generating UI from Figma designs with verification to ensure pixel-perfect implementation.
↳CI/CD pipelines that automatically verify frontend code matches design specs using the `plumb-mcp verify` CLI.
↳Developers needing to extract structured design tokens, SVG icons, and PNG assets from Figma without rate limits or plan restrictions.
FAQ

FAQ

What is the difference between photon and plumb-mcp?
Both photon and plumb-mcp are in the Vision / Multimodal category. photon has 100 stars, while plumb-mcp has 83 stars.
Which is better, photon or plumb-mcp?
The best choice depends on your use case. Choose photon if Building AI agent tools with MCP protocol support, and plumb-mcp if Coding agents (Claude Code, Cursor, Windsurf) generating UI from Figma designs with verification to ensure pixel-perfect implementation..
Is photon free or open source?
Yes, photon is open source on GitHub (MIT).
Is plumb-mcp free or open source?
Yes, plumb-mcp is open source on GitHub (MIT).
Cloud Infrastructure
Ad

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit
→

Related

Alternatives to photon →Alternatives to plumb-mcp →photon details →plumb-mcp details →