Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Start Claude Code and Codex agents the person can watch, wait for them and read their answers.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"harness": {
"command": "npx",
"args": [
"-y",
"@autonomous-ai/harness-mcp"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add harness -- npx -y @autonomous-ai/harness-mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"harness": {
"command": "npx",
"args": [
"-y",
"@autonomous-ai/harness-mcp"
]
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"harness": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@autonomous-ai/harness-mcp"
]
}
}
}ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 5 พ.ย. 2569
ชื่อใน registry ยืนยันโดเมน harness.autonomous.ai แล้ว (registry ตรวจความเป็นเจ้าของโดเมน)
มีการแก้โค้ดล่าสุด วันนี้
ใช้ MIT
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
ต้องอ่านรายการเครื่องมือของ server ก่อน จะเริ่มตรวจในขั้นถัดไป
เทียบเฉพาะ server ที่อยู่ในต้นแบบนี้ ไม่ใช่ทั้ง registry
จากการตรวจเบื้องต้นของเรา ผ่าน 3 จาก 3 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด วันนี้ และส่งรุ่นล่าสุด (0.4.20) เข้า registry 17 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js, MCPB ในเครื่องด้วย
ในหมวดเดียวกันมี 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Harness like a boss.
The ultimate harness for coding agents and beyond.
Claude Code at work. Codex at home. Hermes in the cloud. One command center.
Start with code. Then follow your curiosity and build across disciplines: CAD, circuits, robots, games and music.
Download · How it works · Beyond code · Harnesses · Device
Claude Code, Codex, Cursor, OpenCode, Devin, Amp, Copilot and seven more.
Your laptop, home server and GPU box in one window. Link each one with a password. No SSH keys. No Tailscale. No port forwarding.
⌘P finds any harness on any machine. ⇧⌘I jumps to the harness waiting on you. ⌘D splits. Every key remaps.
Code, keys and keystrokes are sealed on your machine. The relay forwards bytes it can't read.
A native app, not Electron. Close it and your agents keep working.
Idle measurements on an M2 Max:
Desktop results use a Release fixture with 16 terminals and 1,000 scrollback lines each. See the workflow and resource benchmarks and remote P2P, TURN and relay results for workloads, slow tails, connection failures and raw data.
In the workspace, a harness is one running session of an agent such as Codex or Claude Code, with its own conversation and working context. A tab groups harnesses. Use New Harness to start one and New Tab to group work. Harnesses in the same tab can message each other with harness send: Agent Messages, an experiment of your account, off by default and turned on in Settings ▸ Experimental.
The Store offers harnesses with instructions, tools, and optional viewers for specific crafts. Install a harness, then start it in your workspace. See the Naming System for the complete naming rules.
One daemon per machine runs your agents in tmux. It dials out, so no machine opens a port.
flowchart LR
subgraph laptop["Your laptop"] app["Harness app"] -- loopback --> d1["daemon"] d1 --> a1["tmux · Claude Code · Codex"] end subgraph box["Your GPU box"] d2["daemon"] --> a2["tmux · OpenCode · Hermes"] end device["Harness device"] -- USB --> d1 d1 <-. "direct WebRTC" .-> d2 d1 <-- "ciphertext" --> relay["Harness relay · no keys"] relay <-- "ciphertext" --> d2
Every path is sealed end to end: ChaCha20-Poly1305, X25519 session keys, pinned Ed25519 identities. Harness picks the best path on its own.
Direct. A WebRTC channel between your machines. No server in the path.
Through Cloudflare. When a firewall blocks the direct path, the same encrypted channel runs over Cloudflare's TURN network. Harness keeps trying for a direct path.
Through our relay. A fallback while WebRTC negotiates. The relay holds no keys and forwards ciphertext.
The architecture guide has the details.
[Download the app](https://harness.autonomous.ai/desktop?utm_source=github&utm_medium=readme) for macOS or Linux.
Add a machine. Run this on it, then Machines → Link Machine in the app:
curl -fsSL https://harness.autonomous.ai/cli/install.sh | bash
harness login harness remote-password set harness start
In a terminal: the same line installs hn — tmux's keys and your ~/.tmux.conf, with every harness on every machine (hn). The first time, hn signs in and connects the computer:
curl -fsSL https://harness.autonomous.ai/cli/install.sh | bash
hn
For agents: Claude Code and Codex can start, wait for and read other harnesses with the harness skill (harness.autonomous.ai/agents, which has the Codex lines too):
claude plugin marketplace add autonomous-ai/openharness --sparse .claude-plugin plugins
claude plugin install harness@openharness
Build from source
Needs Node.js 20+, tmux, Xcode and Flutter 3.47+ / Dart 3.13+:
git clone https://github.com/autonomous-ai/openharness.git
cd openharness (cd cli && npm ci) make install-cli cd desktop flutter config --enable-swift-package-manager flutter pub get flutter run -d macos
make install-cli installs this checkout's CLI and restarts the local daemon. See the development guide.
“World-class entrepreneurs are polymaths.” — Peter Thiel
Coding agents can build far more than software. Give one a harness and it works with the real tools of a craft. You steer in a live viewer. Every clip below is a real session.
[Blender](store/agents/blender/). Ask for a lamp and the sliders that matter. Turn them and Blender rebuilds the geometry. Keep the versions you love.
[CircuitJS](store/agents/circuitjs/). Build a filter. Change one resistor. Overlay the new trace, measure the difference and keep both.
[MuJoCo](store/agents/mujoco/). Pin a moment in a robot's run. Shove it with 100 N. Watch two futures split.
[Godogen](store/agents/godogen/). Your agent makes a playable game. Miss a jump, rewind, try again. Pin the moment so the agent sees what you mean.
[Strudel](store/agents/strudel/). The track is code you can perform. Bring voices in and out, mark the good parts, keep the WAV. Hear it.
[RDKit](store/agents/rdkit/). Turn a bond and watch the molecule move. Follow the real energy curve. Keep the pose worth a closer look.
[Typst](store/agents/typst/). Your agent writes a real PDF. Circle a detail, quote a line, leave a note. The next draft answers it.
Code is the common medium. Geometry scripts make parts. Netlists make boards. Animation code makes film.
A domain-specific harness turns a coding agent into a specialist. It brings the craft's instructions and skills, a pinned toolchain, a project template, checks and a live viewer. You chat on one side. The board, the part or the game takes shape on the other.
The agent does the reasoning. The harness supplies the tools and the view. It's a folder with a harness.json, so adding a craft never touches the app.
| Engineering | Autonomous Circuit, CircuitJS