Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Generate and edit images, video and audio: 300+ AI models, video tools, voice cloning, transcripts.
Pick the AI app you use, then copy the settings.
Passed 4/4 checks · What you ask goes through the maker’s server (mcp.aitopia.ai) · ✓ Commands checked Nov 13, 2026
First: which AI do you use?
Pick your app and the steps appear below.
Works with Claude · about 2 min
No key, nothing to install · Set it up once on claude.ai or the desktop app, then use it in chat · free accounts can add 1 · on Team/Enterprise an Owner adds it
CustomizeConnectors
Copy each value into the field with the same name in Claude, then click Continue
AITOPIAhttps://mcp.aitopia.ai/mcpClick Continue past the sign-in settings Claude detected · under Authentication choose what the maker says (Sign in now, Sign in when needed or No sign in), then click Add
+ConnectorsAITOPIA
Use AITOPIA and tell me what you can do for me, then show me one thing✓ If Claude says it is using AITOPIA or shows a AITOPIA tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with ChatGPT, depending on your plan
Full MCP: ChatGPT Business, Enterprise or Edu on the web · Pro: connects with read/fetch permissions, so tools that change data may not work · Plus: not confirmed in OpenAI’s docs; if you see an add-custom-MCP option on the Plugins page you can try these steps · web only
Plugins+Add custom MCP server
Enter a name, paste the address under Connection, tick the risk warning and click Create as a plugin
AITOPIAhttps://mcp.aitopia.ai/mcpStart a new chat and pick AITOPIA from your plugins before typing
Use AITOPIA and tell me what you can do for me, then show me one thing✓ If ChatGPT says it is using AITOPIA or shows a AITOPIA tool in the answer, you are connected
Menu names checked against OpenAI’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with Claude Code · about 2 min
No key, nothing to install
Mac: press Command+Space and type Terminal · Windows: open PowerShell
claude mcp add --transport http --scope user aitopia https://mcp.aitopia.ai/mcpYou should see AITOPIA listed as connected
Use AITOPIA and tell me what you can do for me, then show me one thing✓ If Claude Code says it is using AITOPIA or shows a AITOPIA tool in the answer, you are connected
Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with Cursor · about 2 min
No key, nothing to install
Use AITOPIA and tell me what you can do for me, then show me one thing✓ If Cursor says it is using AITOPIA or shows a AITOPIA tool in the answer, you are connected
Menu names checked against Cursor’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Works with VS Code · about 2 min
No key, nothing to install
Use AITOPIA and tell me what you can do for me, then show me one thing✓ If VS Code says it is using AITOPIA or shows a AITOPIA tool in the answer, you are connected
Menu names checked against VS Code’s help page on Nov 11, 2026 · your screen may differ slightly by app version
Other apps that use MCP, such as Windsurf, Zed or Gemini CLI, each add servers differently. See how in the app list.
Address for apps that connect over the web
https://mcp.aitopia.ai/mcpJSON settings are under “For developers” below
Claude Code
claude mcp add --transport http --scope user aitopia https://mcp.aitopia.ai/mcpCursor (~/.cursor/mcp.json)
{
"mcpServers": {
"aitopia": {
"url": "https://mcp.aitopia.ai/mcp"
}
}
}VS Code (mcp.json)
{
"servers": {
"aitopia": {
"type": "http",
"url": "https://mcp.aitopia.ai/mcp"
}
}
}These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
Based on how this server connects and on each app’s own docs, checked Nov 10, 2026.
Connect over the internet in
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
The server asks you to sign in before it lists its tools.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 14, 2026
The registry name was verified against the domain aitopia.ai (the registry checks domain ownership)
Code last changed 36 days ago
Not applicable: a cloud server run by the owner of aitopia.ai; you don't run code from the repo
Responded in 511 ms (HTTP 401)
Declares OAuth sign-in, so your AI app can take you to log in
Not checked yet; we read the tool list when we check the endpoint
Ask, share a tip or report that it does not work. Sorted by what people marked helpful.
No posts yet. Be the first to ask or share.
Posts here are written by users, not the PopNx team.
No reviews yet
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 4 of 4 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
The registry does not list a required key, though some servers ask you to sign in on first use.
It runs in the maker’s cloud. Connect over the internet with nothing to install, but what you send passes through the maker’s servers.
The GitHub repo last changed 36 days ago, and the latest version (1.0.0) reached the registry 39 days ago.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. It connects by URL, so apps that accept remote MCP servers work too, such as ChatGPT on the web (full MCP on Business and above; Pro read-only).
In the same category: Figma Context MCP, AutoClip, Next AI Draw.io
Servers in the same category from other makers, sorted by stars.
Reading a card:↓ Downloads per weeki★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
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
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
AI agent skills for creating, editing and analyzing images, video, voiceovers and music with AITOPIA — plus AITOPIA's production playbooks for product ads, UGC videos, short-form videos, YouTube thumbnails and brand kits. Works with Claude Code, Codex, Cursor and other agents that load Markdown skills, and with any MCP client through the AITOPIA server.
Everything runs on your AITOPIA account through the AITOPIA MCP server (https://mcp.aitopia.ai/mcp). There is nothing to install locally: the first AITOPIA action opens a browser sign-in, and every result is saved to your account, where you can keep working on it.
Pick one. The plugin installs (Claude Code, Codex, Cursor) connect the AITOPIA server for you.
/plugin marketplace add AITOPIAai/skills
/plugin install aitopia@aitopia
npx skills — cross-agentnpx skills add AITOPIAai/skills
Installs the skills into Claude Code, Codex, Cursor and many other agents. Connect the AITOPIA server once as well (see INSTALL.md).
codex mcp add aitopia --url https://mcp.aitopia.ai/mcp
codex mcp login aitopia npx skills add AITOPIAai/skills --agent codex
Gemini CLI (server + playbooks):
gemini extensions install https://github.com/AITOPIAai/skills
Any other MCP client: add the remote server https://mcp.aitopia.ai/mcp (Streamable HTTP, OAuth sign-in).
Settings → Connectors → Add custom connector → https://mcp.aitopia.ai/mcp, then sign in with AITOPIA. Generated images and videos show inline in the conversation.
Go to chatgpt.com/plugins → Add → Create MCP App, enter https://mcp.aitopia.ai/mcp, then sign in with AITOPIA. Developer mode is no longer needed.
npm i -g aitopia
aitopia login aitopia image "a red paper boat on a pond" aitopia dub video.mp4 --to Spanish --dry-run
aitopia --help lists every command (image, video, audio, edit, analyze, transcribe, dub, upload, models…).
More options in INSTALL.md. Agent-driven install (paste into your agent): INSTALL_FOR_AGENTS.md.
| Skill | What it does |
|---|
| aitopia-generate /aitopia:aitopia-generate | Images, video, voiceover, music and sound effects. Picks the model for the job the way AITOPIA does; several images come back together in one call. | | aitopia-edit /aitopia:aitopia-edit | Join clips, add voiceover or music, trim, resize to 9:16 / 16:9 / 1:1, text and logo overlays, subtitles, fades, speed changes, mute / extract / normalize audio, animate a still image. | | aitopia-upload /aitopia:aitopia-upload | Send a local photo, video, audio file or document to AITOPIA (up to 95 MB; 200 MB from a public URL). | | aitopia-product-ad /aitopia:aitopia-product-ad | Product commercial from a product photo: hero keyframe, motion, voiceover, music. | | aitopia-ugc-video /aitopia:aitopia-ugc-video | Creator-style UGC ad — testimonial, before/after, hook video, phone-shot feel. | | aitopia-short-video /aitopia:aitopia-short-video | TikTok / Reels / Shorts, launch and promo videos end to end. | | aitopia-youtube-thumbnail /aitopia:aitopia-youtube-thumbnail | High click-through YouTube thumbnails: bold subject, contrast, big readable text. | | aitopia-brand-kit /aitopia:aitopia-brand-kit | Logo direction, color palette, typography and usage rules. |
The second line is the command in the Claude Code plugin; with npx skills the command is the skill name, e.g. /aitopia-generate.
Agents also use the skills on their own when a request fits. The playbooks behind the workflow skills live on AITOPIA and are loaded at run time, so they improve without reinstalling anything.
The skills chain: aitopia-upload turns a local file into an asset URL that every other skill accepts; aitopia-generate produces the stills and clips that aitopia-edit assembles; the workflow skills (product-ad, ugc-video, short-video, youtube-thumbnail, brand-kit) drive both.
Ask your agent what is in a video, image or audio file and it uses AITOPIA's analyze_media tool. The agent watches the video and listens to it, then answers:
aitopia-edit.aitopia-generate.It answers in any language. Try it in Claude, ChatGPT, Cursor or Codex:
Analyze this video and list every scene with its time: <video URL>
Score this ad and tell me how to improve the first 3 seconds: Write a prompt that re-creates this image:
A video can be up to 2 MB for now. One analysis costs about 3 credits, and a failed run is not charged. Ask for the price first and the agent checks it with dryRun without running anything. The same analysis is in the AITOPIA CLI (aitopia analyze clip.mp4 --mode scenes) and in AITOPIA chat.
| What you want | Skill | Note |
|---|---|---|
| An image, or several options of one | aitopia-generate | Up to 4 images in one call, shown side by side |
| A short video from a prompt or a photo | aitopia-generate | Long runs finish in the background; the result appears when ready |
| Voiceover, music or a sound effect | aitopia-generate | Voice and music use different models |
| Use a photo or video from your computer | aitopia-upload | Then pass the asset URL to any skill |
| Join clips, add music or voiceover | aitopia-edit | video_editor also joins audio files end to end |
| Reframe for Reels / TikTok / YouTube | aitopia-edit | resize with fit cover / contain |
| Titles, captions, logo, subtitles | aitopia-edit | add_text, overlay, subtitle |
| Remove a background, upscale, restore | aitopia-generate | AITOPIA picks a suitable model or store agent |
| What is in a video, image or audio | analyze_media tool | Summary, speech, on-screen text, audio; video up to 2 MB |
| Every scene of a video with its time | analyze_media tool | mode: scenes; then cut with aitopia-edit |
| Review an ad (score, hook, CTA) | analyze_media tool | mode: ad_review |
| A prompt that re-creates a video or image | analyze_media tool | mode: prompt; then aitopia-generate |
| Product commercial | aitopia-product-ad | Starts from the product photo |
| UGC ad | aitopia-ugc-video | Creator-style, phone-shot feel |
| YouTube thumbnail | aitopia-youtube-thumbnail | Several variants to choose from |
| Brand identity | aitopia-brand-kit | Logo direction, palette, type |
Recipes that combine skills: COOKBOOK.md.
Generation spends AITOPIA credits from your account; editing and uploads are cheap or free. If a run needs more credits, the result links to aitopia.ai/pricing.
MIT — see LICENSE.