explaingit

darkgenius/zcode-figma-mcp

Analysis updated 2026-05-18

1JavaScriptAudience · developerComplexity · 3/5Setup · moderate

TLDR

A helper script that lets ZCode authenticate with Figma's MCP server by working around Figma's fixed list of approved client names, then saving the resulting login into ZCode's credentials file.

Mindmap

mindmap
  root((repo))
    What it does
      OAuth workaround
      Token injection
      Credential encryption
    Tech stack
      Node.js
      JavaScript
      OAuth
    Use cases
      Figma MCP auth
      Token refresh
      Connection debugging
    Audience
      ZCode users
      Developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Connect ZCode to Figma's MCP server even though ZCode isn't on Figma's approved client list.

USE CASE 2

Manually inject OAuth tokens into ZCode's encrypted credentials file.

USE CASE 3

Re-authenticate with Figma's MCP server when saved access tokens expire.

USE CASE 4

Debug why ZCode's Figma MCP connection isn't showing as connected.

What is it built with?

Node.jsJavaScriptOAuthMCP

How does it compare?

darkgenius/zcode-figma-mcp0xmukesh/docusaurus-tutoriala15n/andrewscheuermann
Stars111
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-12-272015-01-11
MaintenanceDormantDormant
Setup difficultymoderateeasymoderate
Complexity3/52/51/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires ZCode to have already attempted (and failed) a Figma MCP connection once before running this script.

No license information is stated in the README.

In plain English

zcode-figma-mcp is a small helper script that solves a specific compatibility problem between two developer tools. ZCode is a coding assistant that can connect to external services through something called MCP, a protocol that lets it use extra tools like Figma's design service. Normally, connecting to Figma's MCP server requires going through a login process, but Figma only allows a fixed list of approved application names to complete that login, and ZCode is not on that approved list, so the standard connection attempt fails before it even starts. This script works around the restriction by using a different, already approved application name during the login step, completing the full login process that way, and then taking the resulting access codes and saving them directly into ZCode's own local storage of login credentials. Once that is done, ZCode can use those saved credentials normally the next time it starts, without needing to go through its own blocked login attempt again. To use the script, you need Node.js version 20 or newer, and you must have already tried connecting ZCode to the Figma service at least once, even though that attempt fails, because ZCode needs to have recorded some initial information about the connection first. Running the script opens your web browser so you can approve the login through Figma's own website, then it captures the response, encrypts it using the same method ZCode already uses to protect its saved credentials, and writes it into ZCode's credentials file. It automatically makes a backup of that file first and double checks that what it wrote can be read back correctly before finishing. The saved login eventually expires, roughly every ninety days, at which point you simply run the script again and restart ZCode. The project also documents a handful of specific error messages and their fixes, covering things like browser connection issues on Mac computers and cases where the script cannot figure out which saved entry belongs to Figma.

Copy-paste prompts

Prompt 1
Walk me through running this script to authenticate ZCode with Figma's MCP server.
Prompt 2
Explain how this script figures out which server-id belongs to the Figma MCP connection.
Prompt 3
Help me troubleshoot a localhost connection error after clicking Authorize in the browser.
Prompt 4
Show me how ZCode encrypts and stores its OAuth credentials so I understand what this script writes.

Frequently asked questions

What is zcode-figma-mcp?

A helper script that lets ZCode authenticate with Figma's MCP server by working around Figma's fixed list of approved client names, then saving the resulting login into ZCode's credentials file.

What language is zcode-figma-mcp written in?

Mainly JavaScript. The stack also includes Node.js, JavaScript, OAuth.

What license does zcode-figma-mcp use?

No license information is stated in the README.

How hard is zcode-figma-mcp to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is zcode-figma-mcp for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.