Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者提供的说明(英文原文)
Any social-video URL → transcript, metadata, frames, OCR, summary, search, Q&A. MCP server + x402.
这三项永远不会合并成一个分数:意见、测量和人气是不同的东西。
我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。
选择你使用的 AI 应用,然后复制设置。
你需要
你用的是哪个应用?
在上方选择你的应用。我们会记住它,下次按钮会显示“安装到 …”。
适用于网页版、桌面版和手机版 Claude:
https://framefetch.net/mcp在终端中运行这条命令
claude mcp add --transport http framefetch https://framefetch.net/mcp粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"framefetch": {
"url": "https://framefetch.net/mcp"
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"framefetch": {
"type": "http",
"url": "https://framefetch.net/mcp"
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
ChatGPT 只能连接互联网上的服务器:
https://framefetch.net/mcp菜单名称可能因套餐和版本不同而略有差异。
你的选择通过 Cookie 保存在这台设备上,无需账户。
这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
我们还没有读取这个服务器的工具列表;我们会轮流检查各个端点。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月6日
注册名称已通过 GitHub 账户 MarvinRey7879 验证,该账户拥有此仓库
我们还没有从 GitHub 读取这个仓库
我们还没有从 GitHub 读取这个仓库
尚未检查;我们会轮流检查各个端点
尚未检查;我们会轮流检查各个端点
尚未检查;我们会在检查端点时读取工具列表
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
注册中心没有列出必需的密钥,不过有些服务器会在首次使用时要求你登录。
它在作者的云端运行。通过互联网连接,无需安装,但你发送的内容会经过作者的服务器。
GitHub 仓库最后更新于–,最新版本(1.9.1)于3个月前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,所以接受远程 MCP 服务器的应用也可以使用,例如开启开发者模式的 ChatGPT。
同一分类中有:Figma Context MCP, Claude Real Video, Figma MCP Server
同一分类中其他作者的服务器,按星标数排序。
如何看卡片:★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。
FrameFetch
Any social-video URL → answers, transcript, metadata, insights, frames & on-screen text (OCR).
Agent-first video data API + MCP server. Pay per call, or with x402 (USDC) — no account.
FrameFetch turns one YouTube, YouTube Shorts, TikTok, or Instagram Reels video URL into a single JSON response: a direct answer to a question about the video, metadata, engagement insights, a transcript (captions or Whisper), an LLM digest (text or spoken mp3), structured JSON (chapters/entities/products/claims), comments + sentiment, parametrically-sampled frames (every Nth / 1-per-second / a time range, at any width), and the on-screen text burned into those frames (OCR — captions, price tags, signage). Plus keyword search when you don't have a URL yet, and batch for up to 10 URLs in one call. Built API-first and MCP-first for AI agents.
This repo is the open-source client + docs. The service itself runs at [framefetch.net](https://framefetch.net) — you bring a free API key (or pay per call with x402); the backend stays hosted.
An LLM can't watch a video. To reason about one it needs the video turned into text and images first — an answer, a transcript, metadata, a few frames. FrameFetch returns all of that from a URL, across six platforms, through one schema.
npm install framefetch
Node 18+ (uses built-in fetch). Get a free key: framefetch.net.
Version note. This repo is at 0.5.0. The newest version currently on npm is 0.3.0 —
npm install framefetchstill gives you that one, and it has onlyextract/metadata/transcript/frames/platforms/status/demo/createKey. Everything else documented below is live on the API today and available from this repo; from npm 0.3.0 you can reach the same data throughextract({ fields: [...] }).
A direct question about a video returns a short, grounded answer with timestamped quotes, instead of you parsing a 25,000-token transcript yourself.
import { FrameFetch } from 'framefetch';
const ff = new FrameFetch({ apiKey: process.env.FRAMEFETCH_API_KEY });
const { ask } = await ff.ask( 'https://www.youtube.com/watch?v=jNQXAC9IVRw', 'What does the presenter say to do first?', );
console.log(ask.answer); // short, direct answer console.log(ask.confidence); // 'high' | 'medium' | 'low' for (const q of ask.quotes) { // verbatim, timestamped supporting quotes console.log([${q.t_sec}s] ${q.text}); } console.log(ask.coverage); // which part of the transcript was analyzed
Charged only when an answer is actually produced. A repeat question about an already-extracted video reuses the cached transcript, so it answers fast without a re-download or re-transcription — but the answer itself is always freshly generated, never cache-served.
Frames-based answers: when a video has no transcript (e.g. transcription failed), the answer is grounded in sampled keyframe images instead. Then coverage.mode is "frames", quotes is [] (no transcript text to quote), and confidence is capped at "medium".
import { FrameFetch } from 'framefetch';
const ff = new FrameFetch({ apiKey: process.env.FRAMEFETCH_API_KEY });
const r = await ff.extract({ url: 'https://www.youtube.com/watch?v=jNQXAC9IVRw', fields: ['metadata', 'transcript', 'frames', 'text_overlay'], frames: { mode: 'fps', fps: 1, width: 480 }, });
console.log(r.metadata.title); // "Me at the zoo" console.log(r.transcript.text); // "All right, so here we are, in front of the elephants…" console.log(r.frames.length); // 19 — frames is an array console.log(r.textOverlay?.[0]?.text); // on-screen text detected in the first frame, if any
Note the two spellings: text_overlay is the request field name, textOverlay is the response key.
await ff.metadata(url); // title, author, duration, views, likes…
await ff.transcript(url); // captions, else Whisper await ff.frames(url, { mode: 'fps', fps: 1, width: 512 }); await ff.ask(url, 'What product is being reviewed?'); // grounded Q&A, see above await ff.digest(url); // LLM summary of the transcript await ff.audioDigest(url, { voice: 'nova' }); // spoken mp3 briefing (signed URL, 24h) await ff.structured(url); // chapters/entities/products/claims/key_moments await ff.comments(url, { comments_cap: 50 }); // top-level comments await ff.commentSentiment(url); // aggregated audience-mood rollup (+ the comments) await ff.platforms(); // capability matrix (no key) await ff.status(); // live service health (no key)
// on-screen text (OCR) — requires "frames" alongside it, use extract() directly: await ff.extract({ url, fields: ['frames', 'text_overlay'], frames: { mode: 'fps', fps: 1 } });
Every helper above is a thin wrapper over extract(), so anything extract() accepts (translate, format, extra fields, …) can be passed as the last argument and is forwarded unchanged.
// Find something to extract when you don't have a URL yet
const s = await ff.search('how to make sourdough', { limit: 5 }); for (const hit of s.results) { console.log(hit.title, hit.url, hit.durationSec); }
// Then extract up to 10 of them in ONE call. Shared options apply to every url. const b = await ff.batch(s.results.slice(0, 3).map((r) => r.url), { fields: ['metadata', 'digest'], }); for (const item of b.results) { if (!item.ok) { console.error(item.url, item.error?.code); continue; } console.log(item.metadata.title, '→', item.digest.gist); }
One failing URL never fails the batch — each entry carries its own ok flag and, when ok is false, an error with code/message/hint. Per-URL frames specs are not accepted in a batch; use extract() for those.
// translate the transcript into 1 of 25 languages (surfaced as transcript_translated)
const r = await ff.transcript(url, { translate: 'ja' }); console.log(r.transcript_translated.text);
// export subtitles directly — format is sent as a query param, response comes back as a string const srt = await ff.transcript(url, { format: 'srt' }); // source-language subtitles const vttJa = await ff.transcript(url, { translate: 'ja', format: 'vtt' }); // translated subtitles
const ff = new FrameFetch(); // no key
await ff.demo('https://youtu.be/jNQXAC9IVRw'); // instant metadata, rate-limited const { key } = await ff.createKey('you@example.com'); // self-serve key + free credit
FrameFetch ships an MCP server (Streamable HTTP) with four tools: framefetch_extract, framefetch_platform_capabilities, framefetch_search and framefetch_account. Add it to Claude, Cursor, or any MCP client:
{
"mcpServers": { "framefetch": { "url": "https://framefetch.net/mcp", "headers": { "Authorization": " " } } } }
Or one line:
claude mcp add --transport http framefetch https://framefetch.net/mcp \
--header "Authorization: "
MCP lives at https://framefetch.net/mcp and speaks JSON-RPC over Streamable HTTP. REST lives under /v1/* and takes plain JSON ({"url": "…"}). Crossing the two is the single most common first-call mistake, so both directions answer clearly: a REST body POSTed to /mcp comes back as a JSON-RPC parse error, and a JSON-RPC body POSTed to /v1/extract comes back as 400 WRONG_ENDPOINT naming the right URL for your client.
Prefer a local stdio server (Claude Desktop, sandboxes, no inbound HTTP)? This package ships framefetch-mcp, a zero-dependency stdio↔HTTP bridge that exposes the same tools and forwards calls to framefetch.net:
{
"mcpServers": { "framefetch": { "command": "npx", "args": ["-y", "framefetch-mcp"], "env": { "FRAMEFETCH_API_KEY": " " } } } }
tools/list works with no key; tool calls use FRAMEFETCH_API_KEY (or x402). Override the endpoint with FRAMEFETCH_MCP_URL.
Autonomous agents can pay per call in USDC via x402 on Base — no signup, no human in the loop. Discoverable in the x402 Bazaar and at /.well-known/x402.json. Humans can use a free tier, prepaid credits, or a Stripe card.
Failed calls throw FrameFetchError with .status, .code, and .hint:
import { FrameFetchError } from 'framefetch';
try { await ff.transcript(url); } catch (e) { if (e instanceof FrameFetchError && e.status === 402) { // out of credit — top up at framefetch.net or via x402 } }
| Method | Endpoint | Auth |
|---|---|---|
extract({ url, fields, frames, … }) | POST /v1/extract | key |
ask(url, question) | POST /v1/extract (ask param) | key |
metadata(url) | POST /v1/metadata | key |
transcript(url, { translate, format }) | POST /v1/transcript | key |
frames(url, spec) | POST /v1/frames | key |
digest(url) | POST /v1/extract (digest) | key |
audioDigest(url, { voice }) | POST /v1/extract (audio_digest) | key |
structured(url) | POST /v1/extract (structured) | key |
comments(url, { comments_cap }) | POST /v1/extract (comments) | key |
commentSentiment(url) | POST /v1/extract (comment_sentiment) | key |
search(query, { limit }) | POST /v1/search | key |
batch(urls, { fields }) | POST /v1/batch | key |
platforms() | GET /v1/platforms | — |
status() | GET /v1/status | — |
demo(url) | POST /v1/demo | — |
createKey(email) | POST /v1/keys | — |
extract() request shapeff.extract({
url: string, fields?: Field[], // 'metadata' | 'insights' | 'transcript' | 'frames' | 'text_overlay' // | 'digest' | 'audio_digest' | 'structured' | 'comments' // | 'comment_sentiment' | 'delta' frames?: { mode, n, fps, from, to, format, width }, translate?: string, // ISO-639-1 target language (25 supported) voice?: string, // TTS voice for audio_digest comments_cap?: number, // 1-200, default 100 ask?: string, // 3-500 char question — see ff.ask() above publish?: boolean, // opt in to a public per-video SEO page format?: 'md' | 'markdown' | 'srt' | 'vtt', // alternate egress rendering (returns a string, not JSON) });
See index.d.ts for the complete typed response shape (ExtractResult, Ask, VideoStructured, VideoComments, CommentSentiment, AudioDigest, SearchResult, BatchResult, …).
Full OpenAPI: framefetch.net/openapi.json · Docs: framefetch.net/docs
Website · Docs · Pricing · [Status](https://framefetch.net/sta
只显示了开头部分;其余内容请在仓库中阅读