io.github.runkids/figlens

@runkids/figlens

Offline Figma MCP server: layout, SVG assets, renders and revision diffs from saved .fig files

17 1.8k/wk GitHub npm

No known CVEs

MIT license

Actively maintained

Last commit 2d ago

Works with most clients

Transport: stdio, sse, http

0 tools

Grade F

MCPpedia last refreshed this data 1d ago

Edit this pageView history

io.github.runkids/figlens is an MCP server that offline Figma MCP server: layout, SVG assets, renders and revision diffs from saved .fig files. Its tool list has not been published yet over stdio, sse and http, requires no API key, and scores 65/100 on MCPpedia's security, maintenance and efficiency rubric.

Design

Step 1

Install in your client

Config is the same across clients - only the file and path differ.

Supported in Claude Desktopstdio, sse, http · Node 18+

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "figlens": {
      "args": [
        "-y",
        "@runkids/figlens",
        "mcp"
      ],
      "command": "npx"
    }
  }
}

Are you the author?

Add this badge to your README to show your security score and help users find safe servers.

Embed in your READMEAbout badges →

[![MCPpedia Score](https://mcppedia.org/api/badge/io-github-runkids-figlens)](https://mcppedia.org/s/io-github-runkids-figlens)

Read me

What io.github.runkids/figlens does

Offline Figma MCP server: layout, SVG assets, renders and revision diffs from saved .fig files

Test This Server

This server supports HTTP transport. Be the first to test it - help the community know if it works.

Loading README…

Scored, not listed

Why this score

Five weighted categories - click any category to see the underlying evidence.

Score breakdown

65/100across 5 weighted dimensions

How we score →

0255075100

−35

Security

Maintenance

Efficiency

Documentation

Compatibility

Categoriesclick a row to see evidence

Security

OSV.dev

No known CVEs.

Checked @runkids/figlens against OSV.dev.

Community

Reviews

Be the first to review

Have you used this server?

Share your experience - it helps other developers decide.

How easy was setup?Did it work reliably?How was the documentation?

Frequently Asked Questions

Is io.github.runkids/figlens safe to use?: io.github.runkids/figlens has no known CVEs as of the latest MCPpedia security scan. Authentication requirements were not detected automatically - check the project's documentation before connecting in a shared environment. Licensed under MIT.
How do I install io.github.runkids/figlens?: io.github.runkids/figlens supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.
What AI clients work with io.github.runkids/figlens?: io.github.runkids/figlens is compatible with claude-desktop, cursor, claude-code. It uses stdio and sse and http transport.
Is io.github.runkids/figlens actively maintained?: io.github.runkids/figlens is actively maintained - last commit was 2 days ago. It has 17 GitHub stars.

Similar servers

Others in design

View all →

io.github.dembrandt/dembrandt95

Design tokens from any live site: colours, type, spacing, components, drift against a baseline.

4.0k 7

Tldraw MCP Server94

Draw and visually collaborate with your agents on tldraw's canvas.

51.4k 6

MeiGen AI Design MCP93

MeiGen-AI-Design-MCP — Turn Claude Code / OpenClaw into your local Lovart. Local ComfyUI, 1,400+ prompt library, multi-direction parallel generation.

1.8k 6

Threejs Devtools MCP Server92

Inspect and edit Three.js scenes, materials, shaders, lights in real time from any AI agent

129 2

MCP Security Weekly

Get CVE alerts and security updates for io.github.runkids/figlens and similar servers.

Community

Discussion

Start a conversation

Ask a question, share a tip, or report an issue.

Has anyone used this with Cursor?How do you handle auth?Any alternatives?

Give your coding agent the design details
to build, compare and follow changes.

figlens turns saved Figma files into design context your coding agent can act on—not just a screenshot to interpret.

Build from the source details. Read layout, text, styles, variables, Dev Mode annotations and Ready for dev status; export vector icons as SVG and images as assets. bundle collects a frame's data, assets and reference render; verify reports missing files, font checks and handoff limitations. MCP nodes can save large node JSON to a file with out instead of returning it inline.

Compare the running UI. compare-image compares your screenshot with figlens's render and names the layers under differing regions. Review those differences and rendering warnings; it is not a pixel-perfect guarantee.

Follow design changes. diff compares saved revisions; changes and watch report updates to tracked local scopes; freshness tells when a saved copy is older than the online file, and pull saves a new copy through your own browser sign-in. Save a new .fig from Figma to pick up design edits—this is not live Figma sync. Named accounts route each design to separate browser profiles and API-token environment variables; existing defaults stay unchanged. figlens sources init [DIR]: Scan local .fig files into .figlens/sources.json without overwriting it; names come from meta.json or the filename. Fill in the blank URLs before pulling.

Offline at the foundation. In Figma, File > Save local copy. Put design.fig next to your code. Then a Figma link is enough: its node id picks the frame. With no saved copy, copy the layers in Figma (right-click > Copy) and run figlens clipboard screen.fig; a copy has no images or vector outlines (how). One native binary reads it locally, without a running Figma app, login or network calls to Figma; only the opt-in freshness check (with a configured API token; default: FIGMA_TOKEN) and pull (through your browser sign-in) reach Figma.

Frequently Asked Questions

Is io.github.runkids/figlens safe to use?

io.github.runkids/figlens has no known CVEs as of the latest MCPpedia security scan. Authentication requirements were not detected automatically - check the project's documentation before connecting in a shared environment. Licensed under MIT.

How do I install io.github.runkids/figlens?

io.github.runkids/figlens supports copy-paste install configs on its MCPpedia page for Claude Desktop, Cursor, and Claude Code. Scroll to the Quick Install section and select your client.

What AI clients work with io.github.runkids/figlens?

io.github.runkids/figlens is compatible with claude-desktop, cursor, claude-code. It uses stdio and sse and http transport.

Is io.github.runkids/figlens actively maintained?

io.github.runkids/figlens is actively maintained - last commit was 2 days ago. It has 17 GitHub stars.

Give your coding agent the design details
to build, compare and follow changes.

figlens turns saved Figma files into design context your coding agent can act on—not just a screenshot to interpret.

io.github.runkids/figlens

Install in your client