DECREASE-TOKEN-FIGMA
@junseo2323
About DECREASE-TOKEN-FIGMA
decrease token in figma mcp by using DTF!
Overview
What is DECREASE-TOKEN-FIGMA?
DECREASE-TOKEN-FIGMA is a local MCP server that sits between an MCP client and the Figma Desktop MCP endpoint, transforming raw Figma design context into a compact, implementation-ready Markdown handoff for LLM coding agents, reducing token consumption and context noise.
How to use DECREASE-TOKEN-FIGMA?
Install globally via npm install -g decrease-token-figma and run figma-bridge. Configure your MCP client (e.g., Claude Desktop, Codex) with the server command and FIGMA_BRIDGE_ROOT environment variable. Keep Figma Desktop open with local MCP enabled, select a node, then call get_optimized_figma_handoff from your LLM agent.
Key features of DECREASE-TOKEN-FIGMA
- Token-efficient handoffs by removing noisy Figma metadata and coordinates.
- Screenshot path mode saves the image locally instead of inlining it.
- Deduplicates repeated JSX subtrees into reusable component definitions.
- Hash cache reuses previous handoffs for unchanged raw responses.
- Diff handoff returns only changed lines for previously seen components.
- Local component registry scans project components for reuse suggestions.
- Supports React, Vue, Svelte, HTML and multiple styling systems.
Use cases of DECREASE-TOKEN-FIGMA
- Converting Figma designs to code with lower input-token costs for AI coding agents.
- Maintaining design-to-code consistency by reusing existing project components.
- Getting incremental handoff diffs as designs evolve during iteration.
- Benchmarking token savings and visual accuracy against the official Figma MCP.
FAQ from DECREASE-TOKEN-FIGMA
What platforms and MCP clients does DECREASE-TOKEN-FIGMA support?
It runs on any system with Node.js and Ollama, and works with Claude Desktop, Codex, Cursor, and other MCP clients that accept the JSON configuration shown.
Do I need Figma Desktop running?
Yes, Figma Desktop must be running with the local MCP endpoint enabled on 127.0.0.1:3845.
How does it compare to the official Figma MCP server?
It reduces input tokens by roughly 48% while maintaining or slightly improving visual pixel similarity, and produces a cleaner Markdown handoff without raw metadata.
What are the requirements for using DECREASE-TOKEN-FIGMA?
You need Node.js, Ollama (automatically handled on startup), Figma Desktop with local MCP enabled, and a selected Figma node before requesting a handoff.
Are there any known limitations?
The bridge must run locally and cannot conflict with the official Figma MCP server (do not register both). It requires Ollama for pre‑analysis, and it only works with filesystem access for screenshots and cache.
Basic information
More Coding Agents MCP clients
Continue
continuedev⏩ Create, share, and use custom AI code assistants with our open-source IDE extensions and hub of models, rules, prompts, docs, and other building blocks
Roo Code (prev. Roo Cline)
roocodeincRoo Code (prev. Roo Cline) gives you a whole dev team of AI agents in your code editor.
Cline – #1 on OpenRouter
clineAutonomous coding agent right in your IDE, capable of creating/editing files, executing commands, using the browser, and more with your permission every step of the way.
Aider MCP Client: Supercharge Your Coding with AI-Powered Documentation
alvinveroyA Python tool to query Context7 MCP for library docs. Integrates with Aider for AI coding. Install via pip install mcp_query and fetch docs easily.
codename goose
blockan open source, extensible AI agent that goes beyond code suggestions - install, execute, edit, and test with any LLM
Comments