Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者提供的说明(英文原文)
MCP server for the Pexels API: search & fetch stock photos, videos, and collections.
这三项永远不会合并成一个分数:意见、测量和人气是不同的东西。
我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。
选择你使用的 AI 应用,然后复制设置。
PEXELS_API_KEY, LOG_LEVEL标为机密的值是你账户的钥匙。千万不要分享给别人,也不要粘贴到聊天里。
你需要
你用的是哪个应用?
在上方选择你的应用。我们会记住它,下次按钮会显示“安装到 …”。
打开 Claude Desktop → Settings → Developer → Edit Config,把下面的内容粘贴到 claude_desktop_config.json
{
"mcpServers": {
"pexels": {
"command": "npx",
"args": [
"-y",
"@hanoak/pexels-mcp-server"
],
"env": {
"PEXELS_API_KEY": "your-value",
"LOG_LEVEL": "your-value"
}
}
}
}在终端中运行这条命令
claude mcp add pexels --env PEXELS_API_KEY=your-value --env LOG_LEVEL=your-value -- npx -y @hanoak/pexels-mcp-server运行前请先填写空着的值。
粘贴到项目中的 .cursor/mcp.json,或 ~/.cursor/mcp.json
{
"mcpServers": {
"pexels": {
"command": "npx",
"args": [
"-y",
"@hanoak/pexels-mcp-server"
],
"env": {
"PEXELS_API_KEY": "your-value",
"LOG_LEVEL": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
粘贴到项目中的 .vscode/mcp.json
{
"servers": {
"pexels": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@hanoak/pexels-mcp-server"
],
"env": {
"PEXELS_API_KEY": "your-value",
"LOG_LEVEL": "your-value"
}
}
}
}浏览器会先询问是否打开应用,然后应用会显示设置并请你确认。密钥的值会留空,由你自己填写。
这个服务器在你的电脑上运行,而 ChatGPT 只能连接互联网上的服务器。请选择其他应用。
你的选择通过 Cookie 保存在这台设备上,无需账户。
LOG_LEVEL env这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。
它在你的电脑上运行;安装后,工具列表会显示在你的 AI 应用中。
我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月8日
注册名称已通过 GitHub 账户 hanoak 验证,该账户拥有此仓库
我们还没有从 GitHub 读取这个仓库
我们还没有从 GitHub 读取这个仓库
它在你的电脑上运行,没有互联网端点
在你的电脑上运行,改用本地设置
它在你的电脑上运行;我们只能读取互联网端点的工具列表
与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。
它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。
你需要填写:PEXELS_API_KEY
它在你的电脑上运行。你的 AI 应用会在需要时启动它,数据不会经过作者的服务器(除非它自己调用在线服务)。
GitHub 仓库最后更新于–,最新版本(1.0.1)于3个月前进入注册中心。
支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。
同一分类中有: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、图片和脚本已被移除。链接会离开本站。
A production-ready Model Context Protocol (MCP) server for the Pexels API. It gives AI assistants — Claude Desktop, Claude Code, Cursor, VS Code, Windsurf, and any MCP client — tools to search and fetch Pexels photos, videos, and collections, covering every endpoint the Pexels API documents.
[!IMPORTANT]
Unofficial project. This is not affiliated with, endorsed by, or sponsored by Pexels. "Pexels" is a trademark of its respective owner. You use it under your own Pexels API account and are responsible for complying with the Pexels License.
credit (text + HTML), and the server's instructions steer the model around the license restrictions that do apply (no resale of unaltered content, no redistribution to other stock platforms, no trademark/logo use, no implied endorsement).src URLs (original/large2x/large/medium/small/portrait/landscape/tiny); each video returns its video_files renditions (trimmed to the highest-resolution few in list results, complete on a single-item lookup).isError results the model can recover from, plus retries/backoff, timeouts, and rate-limit-aware quota short-circuiting (Pexels omits its rate-limit headers on a 429, so the client caches the last-known reset time instead of guessing).npx, no telemetry.Create a free account at [pexels.com/api](https://www.pexels.com/api/) and you'll receive an API key instantly — no app review, no approval wait.
Claude Desktop — edit claude_desktop_config.json:
~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": { "pexels": { "command": "npx", "args": ["-y", "@hanoak/pexels-mcp-server"], "env": { "PEXELS_API_KEY": "your_api_key" } } } }
Restart the client. See Configuration for every supported variable.
Other clients (Claude Code, Cursor, VS Code, Windsurf, generic stdio)
Claude Code (CLI):
claude mcp add pexels \
--env PEXELS_API_KEY=your_api_key \ -- npx -y @hanoak/pexels-mcp-server
Cursor — ~/.cursor/mcp.json (global) or .cursor/mcp.json (per-project): use the exact same mcpServers block as Claude Desktop above.
Windsurf — ~/.codeium/windsurf/mcp_config.json: same mcpServers block as Claude Desktop above.
VS Code — .vscode/mcp.json (note the top-level key is servers, not mcpServers):
{
"servers": { "pexels": { "command": "npx", "args": ["-y", "@hanoak/pexels-mcp-server"], "env": { "PEXELS_API_KEY": "your_api_key" } } } }
Any other MCP client — run the server over stdio with:
PEXELS_API_KEY=your_api_key npx -y @hanoak/pexels-mcp-server
Point your client's stdio transport at command: npx, args: ["-y", "@hanoak/pexels-mcp-server"], and pass the key via env.
Restart your client and ask:
_"Find me a photo of mountains on Pexels."_
A typical flow: the model calls pexels_search_photos, picks a result, and presents the image with its courtesy credit.
You: Find a landscape photo of a foggy pine forest.
Assistant: _(calls
pexels_search_photoswithquery: "foggy pine forest",orientation: "landscape", picks the best result)_
Here's a great match — photo by Jane Doe on Pexels — along with the image URL and a ready-to-use credit line.
Each tool returns a compact JSON payload. Here's the shape of a single photo result (illustrative values):
Example tool output
{
"photo": { "id": 1103970, "alt": "Photography of Trees at Foggy Forest", "width": 4000, "height": 2667, "avg_color": "#3E361F", "url": "https://www.pexels.com/photo/photography-of-trees-at-foggy-forest-1103970/", "src": { "original": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg", "large2x": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "large": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", "medium": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&h=350", "small": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&h=130", "portrait": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=1200&w=800", "landscape": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200", "tiny": "https://images.pexels.com/photos/1103970/pexels-photo-1103970.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&h=200&w=280" }, "photographer": { "name": "Jane Doe", "url": "https://www.pexels.com/@janedoe", "id": 42 }, "credit": { "text": "Photo by Jane Doe on Pexels", "html": "Photo by Jane Doe on Pexels " } }, "rate_limit": { "limit": 200, "remaining": 199, "resetEpoch": 1755000000 } }
Every tool result includes a rate_limit object (limit, remaining, resetEpoch) read from the Pexels response headers. List/search tools wrap results in photos/videos/collections/media arrays with pagination fields (total_results, page, per_page, has_next_page).
Configuration is entirely via environment variables — no config files, no flags for secrets.
| Environment variable | Required | Description | |||
|---|---|---|---|---|---|
PEXELS_API_KEY | yes | Your Pexels API key. The server exits at startup with a clear message if it is missing or blank. | |||
LOG_LEVEL | no | debug \ | info \ | warn \ | error (default info). All logs go to stderr; stdout carries only the MCP protocol. |
CLI flags: --version and --help are supported (e.g. npx @hanoak/pexels-mcp-server --version).
All tools are namespaced pexels_* and every one is read-only (readOnlyHint: true) — Pexels' API has no write endpoints, so a client can safely auto-approve the entire server. per_page is clamped to a max of 80 (Pexels' own documented max), and page is 1-based.
| Domain | Tools |
|---|---|
| Photos | search_photos, curated_photos, get_photo |
| Videos | search_videos, popular_videos, get_video |
| Collections | list_featured_collections, list_my_collections, get_collection_media |
Photos
| Tool | Parameters | Description | ||||
|---|---|---|---|---|---|---|
pexels_search_photos | query (required), orientation? (landscape\ | portrait\ | square), size? (large\ | medium\ | small), color? (named color or hex code), locale?, page?, per_page? | Keyword photo search with filters. |
pexels_curated_photos | page?, per_page? | Pexels' hand-curated photo picks, refreshed hourly. | ||||
pexels_get_photo | id (required) | A single photo by its numeric ID, full detail. |
Videos
| Tool | Parameters | Description | ||
|---|---|---|---|---|
pexels_search_videos | query (required), orientation?, size? (large=4K\ | medium=Full HD\ | small=HD), locale?, page?, per_page? | Keyword video search with filters. |
| pexels_popular_videos | `min_widt
只显示了开头部分;其余内容请在仓库中阅读