Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Description from the maker (original English)
Read, search and edit your Sidenote notepads, whiteboards and images with your sync key.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Works in Claude on the web, desktop and mobile:
https://sidenote-sync.netlify.app/mcpRun this in your terminal
claude mcp add --transport http sidenote https://sidenote-sync.netlify.app/mcpPaste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"sidenote": {
"url": "https://sidenote-sync.netlify.app/mcp"
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"sidenote": {
"type": "http",
"url": "https://sidenote-sync.netlify.app/mcp"
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
ChatGPT connects only to servers on the internet:
https://sidenote-sync.netlify.app/mcpMenu names can differ slightly by plan and over time.
Your choice stays on this device in a cookie; no account needed.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
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 8, 2026
The registry name was verified with the GitHub account ElMagoCT, which owns the repo
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
Responded in 1321 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
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 3 of 3 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 –, and the latest version (1.3.0) reached the registry today.
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 in developer mode.
In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server
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.
Let any LLM watch a video locally — and search everything it has ever watched.
Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.
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.
Let Claude, ChatGPT, Gemini, Codex, Cursor or any other MCP app read and edit your Sidenote notepads, with your Sidenote sync key.
Ask things like *“what's left on my groceries list?”*, *“tick off eggs”*, *“turn this chat into a notepad under Trip plan”* or *“find my notes about the robot arm”*. Changes appear in Sidenote on every synced computer within seconds.
| Tool | What it does |
|---|---|
list_notepads | The notepad tree, with ids and a short preview |
search_notepads | Full-text search across titles and content |
read_notepad | One notepad as Markdown (or its stored HTML) |
create_notepad | A new notepad, or a subpad of one |
update_notepad | Rename, change accent colour, replace, append or prepend content |
edit_notepad | Find and replace text, leaving the rest untouched |
organize_notepad | Star or archive |
Nothing is ever deleted through these tools; archiving is the furthest they go.
[sidenote-sync.netlify.app](https://sidenote-sync.netlify.app/) works with any AI, on any plan:
sidenote CLI is one file with no install. It reads and edits, and notes are decrypted on your computer. curl -fsSL https://sidenote-sync.netlify.app/sidenote.mjs -o sidenote.mjs
node sidenote.mjs key sync-xxxxx-xxxxx-xxxxx-xxxxx-xxxxx # once, in your own terminal node sidenote.mjs all # every notepad node sidenote.mjs tick Groceries eggs
pad- or view- key opens just that shared notepad. The key goes in the address after # (which browsers never send to a server), so bookmark the page to come back.In Sidenote, open the full view → Settings → Sync & devices. Turn sync on if it's off, then press Show next to the sync key (sync-xxxxx-xxxxx-xxxxx-xxxxx-xxxxx). Anyone with this key can read and edit all your notepads, so only paste it where these instructions say.
https://sidenote-sync.netlify.app/mcp, for apps that connect by URL (ChatGPT, claude.ai, the Gemini app). You sign in on Sidenote's own page, so the AI app never sees your key. Notes are decrypted on the connector, in memory, only while a request is answered. Choose Read only at sign-in if the assistant should never change anything.server/index.js), for apps that run tools on your computer (Claude Code, Claude Desktop, Gemini CLI, Codex). Your key stays on your computer and notes are decrypted there; the sync service only ever sees encrypted data. Set SIDENOTE_READ_ONLY=1 for read-only.claude plugin marketplace add ElMagoCT/sidenote-mcp
claude plugin install sidenote@sidenote
Claude Code asks for your sync key and keeps it in your system keychain. Runs locally.
Download sidenote.mcpb from the latest release, open Settings → Extensions, drop the file in, and paste your sync key. Runs locally.
Customize → Connectors → Add custom connector, URL https://sidenote-sync.netlify.app/mcp, then Connect and sign in with your sync key.
At chatgpt.com/plugins, press + → Add custom MCP server, URL https://sidenote-sync.netlify.app/mcp, authentication OAuth, then sign in with your sync key. Which ChatGPT plans can add custom servers is up to OpenAI (help article).
codex mcp add sidenote --url https://sidenote-sync.netlify.app/mcp
codex mcp login sidenote
Or as a plugin: codex plugin marketplace add ElMagoCT/sidenote-mcp, then /plugins in Codex.
gemini extensions install https://github.com/ElMagoCT/sidenote-mcp
It asks for your sync key and keeps it in your system keychain. Runs locally. Antigravity CLI: agy plugin install https://github.com/ElMagoCT/sidenote-mcp.
Settings → Connected apps → Add a custom app, URL https://sidenote-sync.netlify.app/mcp, then sign in. (Google offers custom apps to personal accounts in the US, 18+.)
Hosted (the app opens the sign-in page):
{ "mcpServers": { "sidenote": { "url": "https://sidenote-sync.netlify.app/mcp" } } }
Local (needs Node 20+ and git; on npm 12 add --allow-git=root after -y):
{
"mcpServers": { "sidenote": { "command": "npx", "args": ["-y", "github:ElMagoCT/sidenote-mcp"], "env": { "SIDENOTE_SYNC_KEY": "sync-xxxxx-xxxxx-xxxxx-xxxxx-xxxxx" } } } }
Apps that only take a header can skip sign-in by sending `Authorization: Bearer <your sync key>` to the hosted URL (add `X-Sidenote-Read-Only: 1` for read-only).
Notepads are read and written as Markdown that maps one-to-one onto Sidenote's editor, so an assistant can change one line without disturbing anything else. Each line is its own paragraph. On top of the usual headings, emphasis, links, lists, - [ ] to-dos, quotes, tables and code blocks:
| Markdown | In Sidenote |
|---|---|
==text==, text | highlight, underline |
[Title](sidenote: ) | a link to another notepad |
Title … | a toggle |
## Heading | a folded heading |
| a line with only | an empty line | | Jan 1, 9:00 AM | a reminder (epoch ms) | | Ana | a mention (person or place) |
noindex.pad- or view- key.src/keys.js derives the same ids, write tokens and AES keys as the extension. src/client.js reads the encrypted account index and notepads from the sync service and writes back with compare-and-swap, so a write never overwrites an edit it hasn't seen; the extension merges anything typed meanwhile. src/md.js converts between the editor's HTML and Markdown without a DOM. src/tools.js and src/rpc.js are the MCP layer (no SDK, no dependencies), served over stdio by server/index.js and over Streamable HTTP with OAuth 2.1 (client ID metadata documents or dynamic registration, PKCE) by src/remote.js, which runs as a Netlify Edge Function next to the sync service and also serves the chat links. server/cli.js is the CLI (bundled into one file by scripts/build-cli.sh), and web/ is the page at sidenote-sync.netlify.app, which loads src/ straight into the browser.
npm test # converter, tools, OAuth, links and CLI against an in-memory sync service
./scripts/build-cli.sh # dist/sidenote.mjs, the one-file CLI the website serves ./scripts/build-mcpb.sh # dist/sidenote.mcpb for Claude Desktop
MIT licensed.