Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Generate matching icon sets, spot illustrations and transparent design assets for sites and apps.
Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.
5/5 Prüfungen bestanden · Was du fragst, läuft über den Server des Anbieters (mcp.designelier.com)
Zuerst: Welche KI nutzt du?
Wähle deine App, dann erscheinen die Schritte unten.
Klappt mit Claude · etwa 2 Min.
Kein Schlüssel, nichts zu installieren · Einmal auf claude.ai oder in der Desktop-App einrichten, dann im Chat nutzen · kostenlose Konten können 1 hinzufügen · bei Team/Enterprise fügt ein Owner ihn hinzu
CustomizeConnectors
Kopiere jeden Wert in das gleichnamige Feld in Claude und klicke Continue
Designelierhttps://mcp.designelier.com/mcpAuthentication so lassen, wie Claude es erkannt hat, dann Add klicken
+ConnectorsDesignelier
Nutze Designelier und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn Claude sagt, dass es Designelier nutzt, oder ein Werkzeug von Designelier in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit ChatGPT nur in Firmen-Tarifen
ChatGPT Business, Enterprise oder Edu im Web, hinzugefügt von Admin oder Inhaber des Workspace · Mit Free, Plus oder Pro: Dein ChatGPT-Tarif kann MCP noch nicht selbst verbinden
Plugins+Add custom MCP server
Namen eingeben, Adresse unter Connection einfügen, Risikohinweis abhaken und Create as a plugin klicken
Designelierhttps://mcp.designelier.com/mcpNeuen Chat öffnen und vor dem Tippen Designelier aus deinen Plugins wählen
Nutze Designelier und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn ChatGPT sagt, dass es Designelier nutzt, oder ein Werkzeug von Designelier in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von OpenAI abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit Claude Code · etwa 2 Min.
Kein Schlüssel, nichts zu installieren
Mac: Command+Leertaste drücken und Terminal tippen · Windows: PowerShell öffnen
claude mcp add --transport http --scope user designelier https://mcp.designelier.com/mcpDesignelier sollte in der Liste als verbunden erscheinen
Nutze Designelier und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn Claude Code sagt, dass es Designelier nutzt, oder ein Werkzeug von Designelier in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit Cursor · etwa 2 Min.
Kein Schlüssel, nichts zu installieren
Nutze Designelier und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn Cursor sagt, dass es Designelier nutzt, oder ein Werkzeug von Designelier in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von Cursor abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Klappt mit VS Code · etwa 2 Min.
Kein Schlüssel, nichts zu installieren
VS Code fragt nach einer Bestätigung; klicke Install
Nutze Designelier und sag mir, was du für mich tun kannst; zeig mir dann eine Sache✓ Wenn VS Code sagt, dass es Designelier nutzt, oder ein Werkzeug von Designelier in der Antwort zeigt, bist du verbunden
Menünamen am 11. Nov. 2026 mit der Hilfe von VS Code abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen
Andere Apps mit MCP, etwa Windsurf, Zed oder Gemini CLI, fügen Server unterschiedlich hinzu. Sieh in der App-Liste nach
Adresse für Apps, die über das Web verbinden
https://mcp.designelier.com/mcpJSON-Einstellungen stehen unten unter „Für Entwickler“
Claude Code
claude mcp add --transport http --scope user designelier https://mcp.designelier.com/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"designelier": {
"url": "https://mcp.designelier.com/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"designelier": {
"type": "http",
"url": "https://mcp.designelier.com/mcp"
}
}
}Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.
Basierend darauf, wie sich dieser Server verbindet, und auf der eigenen Doku jeder App, geprüft am 10. Nov. 2026.
Verbinden sich über das Internet in
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
Der Server verlangt eine Anmeldung, bevor er seine Tools auflistet.
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 12. Nov. 2026
Der Registry-Name wurde über die Domain designelier.com bestätigt (die Registry prüft, wem die Domain gehört)
Code zuletzt geändert: vor 14 Tagen
Nutzt MIT
Antwort in 283 ms (HTTP 401)
Gibt OAuth-Anmeldung an, damit deine KI-App dich zum Einloggen weiterleiten kann
Noch nicht geprüft; wir lesen die Tool-Liste, wenn wir den Endpunkt prüfen
Fragen, Tipps teilen oder melden, dass etwas nicht geht. Sortiert nach „hilfreich“.
Noch keine Beiträge. Stell die erste Frage oder teile einen Tipp.
Beiträge hier stammen von Nutzern, nicht vom PopNx-Team.
Noch keine Bewertungen
Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.
Er hat 5 von 5 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.
Die Registry nennt keinen erforderlichen Schlüssel, manche Server bitten dich aber bei der ersten Nutzung, dich anzumelden.
Er läuft in der Cloud des Entwicklers. Du verbindest dich übers Internet, ohne etwas zu installieren, aber was du sendest, läuft über die Server des Entwicklers.
Das GitHub-Repo wurde zuletzt vor 14 Tagen geändert, und die neueste Version (1.3.0) kam vor 14 Tagen in die Registry.
Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Er verbindet sich per URL und funktioniert daher auch in Apps mit Remote-MCP, etwa ChatGPT Business und höher.
In derselben Kategorie: Figma Context MCP, AutoClip, Next AI Draw.io
Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.
So liest du eine Karte:↓ Downloads pro Wochei★ 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.
Clip long videos into short clips with covers and captions. Local CLI and MCP.
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
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.
Generate coordinated icon sets, spot illustrations and transparent design assets for websites and apps from any MCP client. Plan a pack from a short brief or your page, review the exact quote, and generate only after you confirm.
https://mcp.designelier.com/mcp (Streamable HTTP)com.designelier/mcpThe SVG files embed raster artwork. They are not editable vector paths.
The server uses OAuth. Your client opens a browser window, you sign in with your Designelier account and approve access. You do not copy an API key.
Open Settings → Connectors → Add custom connector, enter https://mcp.designelier.com/mcp and select Connect.
claude mcp add --transport http designelier https://mcp.designelier.com/mcp
Then run /mcp in Claude Code and authenticate designelier.
codex mcp add designelier --url https://mcp.designelier.com/mcp
codex mcp login designelier
Add this to ~/.cursor/mcp.json:
{
"mcpServers": { "designelier": { "url": "https://mcp.designelier.com/mcp" } } }
code --add-mcp '{"name":"designelier","type":"http","url":"https://mcp.designelier.com/mcp"}'
gemini mcp add --transport http designelier https://mcp.designelier.com/mcp
Add a custom connector (in ChatGPT, developer mode) with the URL https://mcp.designelier.com/mcp. Any client that supports Streamable HTTP and MCP OAuth works.
Your client always gets the current list and schemas from tools/list.
| Tool | What it does |
|---|---|
designelier_get_account | Read total, reserved and available credits. Never spends credits. |
designelier_plan_assets | Plan a matching icon set or spot illustrations with transparent backgrounds. |
designelier_plan_pack | Analyze one public website URL and create a pack plan with an immutable quote. Free. |
designelier_get_pack | Read a pack, its planned subjects, style, quote, previews and download. |
designelier_confirm_pack | Confirm the exact quote and generate the pack. Spends credits on success. |
OAuth 2.1 with dynamic client registration. Sign in with your Designelier account in the browser. Scopes: designelier:read, designelier:generate.
You need a Designelier account. Generation uses credits from your account.
This repository is the public home of the hosted Designelier MCP server. It holds this setup guide and the registry metadata (server.json for the official MCP Registry, glama.json for Glama). The server runs as a hosted service at https://mcp.designelier.com/mcp. Its source code is not in this repository.
Found a problem or have a question? Open an issue.
The contents of this repository are available under the MIT License.