Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Unofficial MCP server for the Pixabay API: search and fetch royalty-free images and videos.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
PIXABAY_API_KEY, LOG_LEVELค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"pixabay": {
"command": "npx",
"args": [
"-y",
"@hanoak/pixabay-mcp-server"
],
"env": {
"PIXABAY_API_KEY": "ใส่ค่าของคุณ",
"LOG_LEVEL": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add pixabay --env PIXABAY_API_KEY='ใส่ค่าของคุณ' --env LOG_LEVEL='ใส่ค่าของคุณ' -- npx -y @hanoak/pixabay-mcp-serverเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"pixabay": {
"command": "npx",
"args": [
"-y",
"@hanoak/pixabay-mcp-server"
],
"env": {
"PIXABAY_API_KEY": "ใส่ค่าของคุณ",
"LOG_LEVEL": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"pixabay": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@hanoak/pixabay-mcp-server"
],
"env": {
"PIXABAY_API_KEY": "ใส่ค่าของคุณ",
"LOG_LEVEL": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
LOG_LEVEL envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub hanoak ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: PIXABAY_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.0.0) เข้า registry 3 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
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.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
A Model Context Protocol (MCP) server for the Pixabay API. It gives AI assistants — Claude Desktop, Claude Code, Cursor, VS Code, Windsurf, and any MCP client — tools to search and fetch royalty-free images and videos.
[!IMPORTANT]
Unofficial project. This is not affiliated with, endorsed by, or sponsored by Pixabay.
"Pixabay" is a trademark of its respective owner. You use it under your own Pixabay account
and are responsible for complying with
safesearch defaults to true, and the mandatory courtesy attribution (by {user} via Pixabay) is surfaced on every result even though Pixabay doesn't require it.webformatURL for images, the medium rendition for videos); looking a specific item up by id returns every size tier Pixabay provides, so you can pick what actually fits.isError results the model can recover from, plus a considered single retry with backoff on 429/5xx, network timeouts, and rate-limit-aware logging.npx, no telemetry.Sign up for a free account at [pixabay.com](https://pixabay.com/) — your API key is shown immediately on the API docs page once you're logged in, no approval step for the default tier this server uses.
Claude Desktop — edit claude_desktop_config.json:
~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": { "pixabay": { "command": "npx", "args": ["-y", "@hanoak/pixabay-mcp-server"], "env": { "PIXABAY_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 pixabay \
--env PIXABAY_API_KEY=your_api_key \ -- npx -y @hanoak/pixabay-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": { "pixabay": { "command": "npx", "args": ["-y", "@hanoak/pixabay-mcp-server"], "env": { "PIXABAY_API_KEY": "your_api_key" } } } }
Any other MCP client — run the server over stdio with:
PIXABAY_API_KEY=your_api_key npx -y @hanoak/pixabay-mcp-server
Point your client's stdio transport at command: npx, args: ["-y", "@hanoak/pixabay-mcp-server"], and pass the key via env.
Restart your client and ask:
_"Find me a photo of mountains on Pixabay."_
A typical flow: the model calls pixabay_search_images, picks a result, and presents the image with its courtesy attribution.
You: Find a landscape photo of a foggy pine forest.
Assistant: _(calls
pixabay_search_imageswithquery: "foggy pine forest",
orientation: "horizontal", picks the best result)_
Here's a great match — by Josch13 via Pixabay — along with the image URL.
Each tool returns a compact JSON payload. Here's the shape of a single search result (illustrative values):
Example tool output
[
{ "id": 195893, "pageURL": "https://pixabay.com/en/blossom-bloom-flower-195893/", "type": "photo", "tags": "blossom, bloom, flower", "url": "https://pixabay.com/get/35bbf209e13e39d2_640.jpg", "width": 640, "height": 360, "user": "Josch13", "attribution": "by Josch13 via Pixabay" } ]
pixabay_get_image/pixabay_get_video return the same shape for a single item, but with every size tier Pixabay provides instead of just one — see Output shape.
Configuration is entirely via environment variables — no config files, no flags for secrets.
| Environment variable | Required | Description | |||
|---|---|---|---|---|---|
PIXABAY_API_KEY | yes | Your Pixabay 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/pixabay-mcp-server --version).
All tools are namespaced pixabay_* and every one is read-only — Pixabay's API has no write endpoints, so a client can safely auto-approve the entire server. per_page is clamped to Pixabay's documented range of 3–200, and page is 1-based.
| Domain | Tools |
|---|---|
| Images | pixabay_search_images, pixabay_get_image |
| Videos | pixabay_search_videos, pixabay_get_video |
Images
| Tool | Parameters | Description | ||||||
|---|---|---|---|---|---|---|---|---|
pixabay_search_images | query?, lang?, image_type? (all\ | photo\ | illustration\ | vector), orientation? (all\ | horizontal\ | vertical), category?, colors? (array), min_width?, min_height?, editors_choice?, safesearch? (default true), order? (popular\ | latest), page?, per_page? (3–200) | Keyword image search with filters. Omit query to browse a default set. |
pixabay_get_image | id (required) | A single image by its numeric id, with every size tier. |
Videos
| Tool | Parameters | Description | |||
|---|---|---|---|---|---|
pixabay_search_videos | query?, lang?, video_type? (all\ | film\ | animation), category?, min_width?, min_height?, editors_choice?, safesearch? (default true), order? (popular\ | latest), page?, per_page? (3–200) | Keyword video search with filters. Omit query to browse a default set. |
pixabay_get_video | id (required) | A single video by its numeric id, with every size tier. |
Videos support category but not colors/orientation — that's a real difference in Pixabay's own API, not an oversight.
Tools return trimmed, token-efficient JSON rather than raw Pixabay responses:
pixabay_search_images) → id, pageURL, type, tags, one default url (webformatURL), width/height, user, attribution.pixabay_get_image) → the same fields, plus every size tier Pixabay provided for that item: previewURL, webformatURL, largeImageURL, fullHDURL.pixabay_search_videos) → id, pageURL, type, tags, duration, one default url (the medium rendition), width/height, user,ตัดมาแค่ช่วงต้น อ่านต่อใน repo