Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
OCR, transcription, file extraction, and image generation for AI agents via MCP.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
FRENCHIE_API_KEY, FRENCHIE_DEFAULT_LANGUAGE, Authorization, X-Frenchie-Default-Languageค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"frenchie-skill": {
"command": "npx",
"args": [
"-y",
"@lab94/frenchie"
],
"env": {
"FRENCHIE_API_KEY": "ใส่ค่าของคุณ",
"FRENCHIE_DEFAULT_LANGUAGE": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http frenchie-skill https://mcp.getfrenchie.dev --header 'Authorization: ใส่ค่าของคุณ' --header 'X-Frenchie-Default-Language: ใส่ค่าของคุณ'claude mcp add frenchie-skill --env FRENCHIE_API_KEY='ใส่ค่าของคุณ' --env FRENCHIE_DEFAULT_LANGUAGE='ใส่ค่าของคุณ' -- npx -y @lab94/frenchieเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"frenchie-skill": {
"url": "https://mcp.getfrenchie.dev",
"headers": {
"Authorization": "ใส่ค่าของคุณ",
"X-Frenchie-Default-Language": "ใส่ค่าของคุณ"
}
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"frenchie-skill": {
"command": "npx",
"args": [
"-y",
"@lab94/frenchie"
],
"env": {
"FRENCHIE_API_KEY": "ใส่ค่าของคุณ",
"FRENCHIE_DEFAULT_LANGUAGE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"frenchie-skill": {
"type": "http",
"url": "https://mcp.getfrenchie.dev",
"headers": {
"Authorization": "ใส่ค่าของคุณ",
"X-Frenchie-Default-Language": "ใส่ค่าของคุณ"
}
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"frenchie-skill": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@lab94/frenchie"
],
"env": {
"FRENCHIE_API_KEY": "ใส่ค่าของคุณ",
"FRENCHIE_DEFAULT_LANGUAGE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
FRENCHIE_DEFAULT_LANGUAGE envAuthorization ความลับ จำเป็น HTTP headerX-Frenchie-Default-Language HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub Lab94 ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: FRENCHIE_API_KEY, Authorization
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.5.0) เข้า registry 6 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Frenchie — your agent's best friend.
Install Frenchie in your coding agent with one command. Frenchie Kit gives agents file and multimodal capabilities: read PDFs and images, transcribe audio and video, extract Office/CSV files to Markdown, and generate images from text prompts. Frenchie Method gives teams a structured workflow from requirement to release.
Upgrading from 0.1.x or 0.2.x? See MIGRATION.md for the breaking changes in 0.3.0 (stdio metadata-only responses, absolute-path MCP configs, new
mcp --help/--selftestflags).
This package ships:
/ocr, /transcribe, /extract, /generate-image, /frenchie-status commands + HTTP/stdio MCP guidance)/frenchie-method, /requirement, /qa-analysis, /implement, /run-test, /pr-review, /release-check, and related workflow commands)lab94-frenchie mcp) bundled for npxFrom the root of your project:
npx @lab94/frenchie install
This installs Frenchie Kit and Frenchie Method skills. Method is text-only and works without an API key.
Optional Method config:
npx @lab94/frenchie install --init-method
This creates .frenchie/method.config.json and .frenchie/.gitignore; it does not edit your root .gitignore.
Create an account at getfrenchie.dev. You get 100 free credits on your first signup, once per email. No card required.
Then connect your local agent:
npx @lab94/frenchie login
The login command opens a browser device-code flow, then writes FRENCHIE_API_KEY into the MCP config the installer created. The full key is never printed.
Fallback if you already have a key from the dashboard:
npx @lab94/frenchie install --api-key fr_your_key_here
To target a specific agent:
npx @lab94/frenchie login --agent claude
npx @lab94/frenchie login --agent cursor npx @lab94/frenchie login --agent codex npx @lab94/frenchie login --agent vscode npx @lab94/frenchie login --agent gemini
User-level installs (Antigravity, Windsurf, Zed, Claude Desktop) need the --global flag — auto-detect never writes under $HOME:
npx @lab94/frenchie login --agent antigravity --global
npx @lab94/frenchie login --agent windsurf --global npx @lab94/frenchie login --agent zed --global npx @lab94/frenchie login --agent claude-desktop --global
Fallback with an existing key:
npx @lab94/frenchie install --agent claude --api-key fr_…
npx @lab94/frenchie install --agent codex --api-key fr_… npx @lab94/frenchie install --agent antigravity --global --api-key fr_… npx @lab94/frenchie install --agent claude-desktop --global --api-key fr_…
After login, your agent can call ocr_to_markdown, transcribe_to_markdown, extract_to_markdown, or generate_image. OCR/transcription/extraction results are saved to .frenchie/ /result.md automatically; generated images are saved to .frenchie/ /generated. .
When a new Frenchie version ships, the pinned package spec inside each MCP config (@lab94/frenchie@0.5.0) needs to point at the new version so npx stops serving a cached older bundle. Two upgrade commands cover everything:
# Project-scoped configs in this directory (.mcp.json, .cursor/mcp.json, .codex/config.toml, etc.)
npx @lab94/frenchie@latest install
npx @lab94/frenchie@latest install --global
install --global is upgrade-mode: it only rewrites frenchie entries that already exist. It will not surprise-install anything new under $HOME. First-time global installs still go through install --agent --global.
The installer prints the restart hint for your agent. After that, ask:
OCR ./report.pdf with Frenchie
…and Frenchie takes it from there.
For workflow orchestration, ask:
/frenchie-method
/frenchie remains the Kit entrypoint in agents that use a single Frenchie command. It is not an alias for Method.
These agents can't run local npm binaries. Use the hosted MCP endpoint instead:
URL: https://mcp.getfrenchie.dev
Header: Authorization: Bearer fr_your_key_here
The same @lab94/frenchie skill files work in HTTP mode — install them once with install --agent and the included SKILL.md will tell the agent to upload files via upload_file before calling OCR/transcription/extraction. Image generation does not need an upload step in HTTP mode; it returns a short-lived imageUrl that the agent should download for the user.
| Command | What it does |
|---|---|
/ocr | Parse a PDF or image into Markdown |
/transcribe | Parse audio or video into a Markdown transcript |
/extract | Parse DOCX, XLSX, CSV, TSV, or PPTX into Markdown |
/generate-image | Generate a single image from a text prompt |
/frenchie-status | Check credits and recent jobs |
Under the hood, Frenchie exposes these MCP tools:
ocr_to_markdowntranscribe_to_markdownextract_to_markdowngenerate_imageget_job_resultupload_file (HTTP mode only)fetch_result_file (HTTP mode only)Slash notation is the canonical Method command name. Claude Code reads command files directly. Codex Desktop gets the same entries through wrapper skills such as requirement and qa-analysis; restart Codex after install before trying /requirement. Hosts without slash support can use natural language such as Frenchie Method requirement ....
| Command | What it does |
|---|---|
/frenchie-method | Route a task through Method from requirement to release |
/method-check | Validate Method config, artifacts, gates, and next action |
/requirement | Turn a request into scoped requirements |
/qa-analysis / /test-case | Design proof before implementation planning |
/sa-analysis / /implementation-plan | Analyze architecture and implementation approach |
/implement | Execute from Method artifacts using the current agent |
/run-test | Run repo-declared verification and write a test report |
/pr-review / /review-pr | Review the result, tests, security, and artifact drift |
/release-check | Read-only release readiness gate |
Method stores optional workflow artifacts under .frenchie/docs/feature/. install --init-method also writes a visible skillTriggers skeleton in .frenchie/method.config.json; command keys are empty slots teams can fill with installed agent skills, for example "requirement": ["brainstorming"]. Teams decide whether to commit or ignore Method config and artifacts.
Every agent handles MCP a little differently. /ocr is a Claude Code-only slash command; Method slash commands are host-dependent and use Codex wrapper skills outside Claude Code. Other agents use natural language, @-mention, or a server-name slash command. All facts below are dogfood-verified.
| Agent | Invoke | Full guide |
|---|---|---|
| Claude Code | /ocr TOR.pdf | docs |
| Cursor | Use Frenchie to OCR TOR.pdf | docs |
| Codex (Desktop / CLI / IDE) | Kit: /frenchie TOR.pdf · @frenchie ocr TOR.pdf; Method: /requirement after restart, or Frenchie Method requirement ... | docs |
| Antigravity | /frenchie TOR.pdf (invokes by server name) | docs |
| VS Code Copilot | /frenchie TOR.pdf | docs |
| Claude Desktop | Use Frenchie to OCR TOR.pdf | docs |
| Windsurf | OCR TOR.pdf via Frenchie | docs |
| Gemini CLI | OCR TOR.pdf with Frenchie | docs |
| Zed | OCR TOR.pdf via Frenchie | docs |
Something not working? See the symptom-first troubleshooting guide — every error we've hit in dogfood has a canonical entry.
Simple numbers. No subscriptions.
File extraction pricing: DOCX 0.5 credits per page, XLSX 0.5 credits per sheet, CSV/TSV 0.5 credits per file, PPTX 1 credit per slide.
| Action | Cost |
|---|---|
| OCR | 1 credit per page |
| Transcription | 2 credits per minute |
| DOCX extraction | 0.5 credits per page |
| XLSX extraction | 0.5 credits per sheet |
| CSV/TSV extraction | 0.5 credits per file |
| PPTX extraction | 1 credit per slide |
| Image generation | 20 credits per image |
$1 = 100 credits. Credits don't expire.
Files are processed and deleted. Results expire about 30 minutes after first delivery. If you need a durable copy, save the Markdown when it comes back.
OCR: PDF, PNG, JPG, JPEG, WebP
Transcription: MP3, M4A, WAV, MP4, MOV, WebM
File extraction: DOCX, XLSX, CSV, TSV, PPTX
Image generation: PNG, JPEG, WebP output from text prompts