Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Beschreibung vom Entwickler (englisches Original)
Photo or text to technical drawing, DXF and DWG, printable STL, 3D models and product renders.
Diese drei werden nie zu einer Punktzahl zusammengefasst: Meinungen, Messungen und Beliebtheit sind verschiedene Dinge.
Für diesen Server haben wir noch keine Zusammenfassung in einfacher Sprache geschrieben. Unten stehen die Fakten, die wir aus der Registry gelesen haben.
Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.
TECHDRAWAI_API_KEYAls geheim markierte Werte sind Schlüssel zu deinem Konto. Gib sie nie weiter und füge sie nie in einen Chat ein.
Du brauchst
Welche App nutzt du?
Wähle oben deine App. Wir merken sie uns, damit der Button beim nächsten Mal „In … installieren“ anzeigt.
Öffne Claude Desktop → Settings → Developer → Edit Config und füge dies in claude_desktop_config.json ein
{
"mcpServers": {
"techdrawai": {
"command": "npx",
"args": [
"-y",
"techdrawai-mcp"
],
"env": {
"TECHDRAWAI_API_KEY": "your-value"
}
}
}
}Führe das in deinem Terminal aus
claude mcp add techdrawai --env TECHDRAWAI_API_KEY=your-value -- npx -y techdrawai-mcpTrag die leeren Werte ein, bevor du ihn startest.
In .cursor/mcp.json in deinem Projekt oder in ~/.cursor/mcp.json einfügen
{
"mcpServers": {
"techdrawai": {
"command": "npx",
"args": [
"-y",
"techdrawai-mcp"
],
"env": {
"TECHDRAWAI_API_KEY": "your-value"
}
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
In .vscode/mcp.json in deinem Projekt einfügen
{
"servers": {
"techdrawai": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"techdrawai-mcp"
],
"env": {
"TECHDRAWAI_API_KEY": "your-value"
}
}
}
}Dein Browser fragt, ob er die App öffnen darf, dann zeigt die App die Einstellungen und bittet dich um Bestätigung. Schlüsselwerte bleiben leer, damit du sie selbst einträgst.
Dieser Server läuft auf deinem Computer, und ChatGPT kann sich nur mit Servern im Internet verbinden. Wähle eine andere App.
Deine Auswahl bleibt in einem Cookie auf diesem Gerät; kein Konto nötig.
Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.
Läuft auf deinem Computer; die Tool-Liste erscheint nach der Installation in deiner KI-App.
Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 6. Nov. 2026
Der Registry-Name wurde mit dem GitHub-Konto MeltFlexDevs bestätigt, dem das Repo gehört
Dieses Repo haben wir noch nicht von GitHub gelesen
Dieses Repo haben wir noch nicht von GitHub gelesen
Dieser Server läuft auf deinem Computer; es gibt keinen Endpunkt im Internet
Läuft auf deinem Computer und nutzt stattdessen lokale Einstellungen
Läuft auf deinem Computer; Tool-Listen können wir nur von Endpunkten im Internet lesen
Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.
Er hat 1 von 1 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.
Das musst du eintragen: TECHDRAWAI_API_KEY
Er läuft auf deinem Computer. Deine KI-App startet ihn bei Bedarf, und die Daten laufen nicht über die Server des Entwicklers (außer der Server ruft selbst einen Onlinedienst auf).
Das GitHub-Repo wurde zuletzt – geändert, und die neueste Version (0.4.0) kam vor 24 Tagen in die Registry.
Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Außerdem brauchst du Node.js auf deinem Computer.
In derselben Kategorie: Figma Context MCP, Claude Real Video, Figma MCP Server
Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.
So liest du eine Karte:★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti
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.
Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.
AI agent skills for turning a photograph of a physical part into engineering documentation with TechDraw AI. Draft a dimensioned 2D technical drawing, trace it into CAD-ready DXF and DWG, reconstruct the part as a 3D mesh, or render it as a finished product shot. Works with Claude Code, Claude Desktop, Cursor, Codex, VS Code, Windsurf and anything else that loads Markdown skills or speaks MCP.
Each user authenticates with their own TechDraw AI API key, and every generation is billed to their account credits. The skills call the public TechDraw AI API directly, so there is nothing extra to install and no CAD kernel to build.
One photograph, three outputs: a dimensioned drawing, CAD geometry, and a 3D model.
Pick one. Each method sets the skills up for your agent.
npx skills (recommended, cross-agent)npx skills add MeltFlexDevs/techdrawai-skills
gh skill install MeltFlexDevs/techdrawai-skills
Inside Claude Code:
/plugin marketplace add MeltFlexDevs/techdrawai-skills
/plugin install techdrawai@techdrawai
If you want the tools without the skills, add the MCP server directly:
claude mcp add techdrawai -- npx -y techdrawai-mcp
Configuration for Cursor, Claude Desktop, Codex, VS Code and Windsurf is on the MCP page.
Universal fallback:
git clone --depth 1 https://github.com/MeltFlexDevs/techdrawai-skills.git
cd techdrawai-skills ./setup
More options in INSTALL.md. Agent-driven install, to paste into your agent: INSTALL_FOR_AGENTS.md.
Programmatic access is part of the Studio plan. Once you are subscribed, the simplest way to sign in is the browser flow, which mints a key from your session and hands it back over loopback so you never copy or paste a secret:
npx -y techdrawai-mcp auth login
Or create one by hand at [techdrawai.com/app](https://techdrawai.com/app?view=settings) → Settings → API keys and export it:
export TECHDRAWAI_API_KEY="tda_sk_..."
The key is shown exactly once at creation. Only its SHA-256 is stored, so nobody can recover it afterwards, including us. An account may hold five live keys and revoking one takes effect on the next request.
| Skill | Invoke | What it covers |
|---|---|---|
techdrawai-drafting | /techdrawai:drafting | Photo or written description to dimensioned technical drawing. Drafting standard, sheet size, projection angle, drawing type, views, and the measurements that anchor the scale. |
techdrawai-cad | /techdrawai:cad | Everything downstream of the drawing: DXF and DWG at true size, printable STL, 3D reconstruction from a photo or a drawing, and product renders. |
| Tool | What it does | Cost |
|---|---|---|
generate_technical_drawing | Photo to a dimensioned, standards-compliant technical drawing | 5 credits |
text_to_technical_drawing | A written description with sizes to a dimensioned technical drawing, no photo | 5 credits |
image_to_dxf | Any image to real CAD contours as DXF, optionally DWG | Free |
image_to_stl | Flat artwork (logo, stencil, line drawing) extruded into a printable STL | Free |
render_product | Technical drawing to a photorealistic product render | 5 credits |
photo_to_3d | Photo to a textured 3D mesh, GLB plus FBX, OBJ, USDZ, STL | 80 credits |
drawing_to_3d | Technical drawing to a textured 3D mesh, one call and one charge | 80 credits |
identify_product | Name the object in a photo | Free |
check_credits | Balance, plan, and what each operation costs | Free |
Failed generations are refunded automatically, so an agent that retries a bad prompt does not quietly drain the balance.
Every tool writes its result to disk (./techdrawai-output/ unless you pass output_path) and returns the path rather than the bytes. A technical drawing is a megabyte-scale image, and pushing that through the protocol would burn the agent's context on something it usually just hands to the next tool.
You: Here is a bracket,
~/photos/bracket.jpg. It is 120 mm across. I need a DXF for the laser cutter.
[identify_product] → "steel wall bracket"
[generate_technical_drawing] product_name: "steel wall bracket" measurements: [{ value: "120", unit: "mm", position: "overall width" }] standard: ISO · paper_size: A3 · drawing_type: working → ./techdrawai-output/drawing-2026-07-27_15-04-11.png 5 credits
[image_to_dxf] width_mm: 120 → ./techdrawai-output/drawing-2026-07-27_15-04-11.dxf 34 contours, free
The DXF arrives at true size, so it goes straight to the cutter without rescaling. More patterns in COOKBOOK.md.
Without a real measurement the dimensions are the model's best estimate and are marked nominal. With even one, every other feature is scaled proportionally from it and the whole drawing becomes internally consistent and manufacturable. If a user has not given one, ask for it. It is the single biggest quality lever in the whole workflow.
The same package is a command-line tool when you run it with arguments instead of letting an agent speak MCP to it:
techdrawai draw -i bracket.jpg --measure 120:"overall width" --paper A3
techdrawai dxf -i drawing.png --width-mm 120 --dwg techdrawai model3d -i bracket.jpg --detail high
Full reference at techdrawai.com/cli.
MIT. See LICENSE.