Mokido
Write to a live Figma canvas, get a screenshot back, and roll back mistakes.
Connector by kolganovr · GitHub account verified by the MCP Registry
Install
Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.
npx agentmarket install connector/kolganovr-mokido
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this server can do and what it asks for, from its tool list, install config and code. Checked Oct 25, 2026.
- Tools
- 17 read · 5 write · 2 delete
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Tools by what they do 24
Read from the source code; the running server may list different tools.
Read 17 · Look things up without changing anything.
figma_find_componentsfigma_get_canvas_layoutfigma_get_selectionfigma_get_variablesfigma_inspectfigma_job_statusfigma_list_targetsfigma_read_canvasfigma_screenshotget_commentsget_componentsget_file
Show 5 more tools
get_imageget_image_fillsget_meget_nodeget_styles
Write 5 · Create, change, send or run things.
figma_create_ui_cardfigma_insert_component_instancefigma_insert_svgfigma_set_variables_modepost_comment
Delete 2 · Delete, drop, revoke or wipe things.
figma_execute_codefigma_rollback
Network hosts it talks to 5
api.figma.com· found in codeapi.github.com· found in codefigma.com· found in codegithub.com· found in codeglama.ai· found in code
Files it touches
- Your home directory (~)
Tools (24)
Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].
figma_create_ui_cardCreate a modern, professionally styled UI Card with badge/pill, bold title, subtitle, full-width action button, and AutoLayout in Figma. Automatically captures and returns a visual screenshot.
figma_execute_codeWRITE tool: run JavaScript in the open Figma document (Figma Desktop + 'Mokido' plugin) to create, edit, move, style or delete nodes. To READ (explore a section, list children, find layers, check texts / fonts / variants / table columns) call figma_inspect instead: every id in one call, one line per node, view:"table" for tables; a read script here costs a model turn per question and its reply names the figma_inspect call to use (use_instead). Every call is a full model turn, so make the whole change in ONE call — all screens / breakpoints, verified in the same code with bridge.check — and put…
figma_find_componentsFind and inspect components, component sets, variants, and component property definitions in the active Figma file without flooding LLM context. Returns names, variant values, keys, and IDs.
figma_get_canvas_layoutInspect top-level frames and artboards on the active Figma page to prevent overlap. Returns all screen coordinates, bounding box, and a calculated 'suggestedNextPosition' for placing new artboards safely.
figma_get_selectionGet information and properties (dimensions, coordinates, text, fills, parent, page, AutoLayout context) of the currently selected nodes on the Figma canvas.
figma_get_variablesRetrieve all Figma Variable collections, modes (e.g. Light/Dark), and design tokens (colors, numbers, strings, booleans) from the active document.
figma_insert_component_instanceCreate and insert an instance of a master component or component set into the canvas or target AutoLayout container. Supports selecting variants, applying text overrides with auto font loading, and can return a PNG screenshot (capture: true) for visual verification.
figma_insert_svgInsert raw SVG/vector code directly into Figma canvas or target AutoLayout container with automatic scale-proportional resizing, fill/stroke color overrides, optional component creation, and an optional PNG screenshot (capture: true).
figma_inspectREAD the live Figma document in ONE call — the tool for any read (not figma_execute_code); pass every node id you need at once instead of one call per node. Default: a compact outline, one line per node (TYPE "name" #id WxH @x,y [V gap8 pad16 fill/hug a:start/center] size:fill/hug fill:#FFF stroke:#E8EAF0/0,1,1,1 r0,0,3,3 shadow:… font "text…"; non-defaults only; a TEXT named after its text drops the name; `a:P/C` = primaryAxisAlignItems/counterAxisAlignItems, start = MIN, center = CENTER, end = MAX, between = SPACE_BETWEEN, absent = MIN/MIN), as deep as fits the reply unless `depth` is given;…
figma_job_statusWait for a figma_execute_code call that came back as { status: 'running', job_id } (it ran past 45s, or was called with async: true). BLOCKS until the job finishes or wait_ms passes, then returns the same result/screenshot the synchronous call would have — so call it once, not in a polling loop. `stalled: true` means the plugin looks frozen: STOP, ask the user to check Figma; a second figma_job_status for that job returns at once with the same advice. A finished job is forgotten after being read once.
figma_list_targetsList every Figma document currently connected to this bridge (fileName, current page, which one is focused). Use this when a LIVE tool call fails with AMBIGUOUS_TARGET, or before working with a specific file among several open at once — pass the fileName as `target` on any LIVE tool.
figma_read_canvasRead the LIVE, currently-open Figma document as token-optimized Pseudo-JSX/Tree/JSON — the same pipeline get_file/get_node use for the cloud API, applied to whatever is open in Figma Desktop right now. Prefer this over hand-writing a tree walk in figma_execute_code; it is far cheaper in tokens and its output format matches get_file/get_node exactly.
figma_rollbackUndo what a previous write call (figma_execute_code, figma_insert_component_instance, figma_insert_svg) did: removes nodes it created and restores properties on nodes it modified. Deletions the code performed on pre-existing nodes are never recoverable. Every write call's response includes the checkpoint_id to pass here.
figma_screenshotCapture PNG screenshots of specific nodes or the current selection in Figma, to check layout, contrast, typography and spacing. Each image costs ~1k tokens at the default max_px, and stays in context: check mechanical things through write-call `warnings` or bridge.check first, and take one screenshot per finished stage rather than after every edit. Right after a figma_execute_code edit, put capture_node_ids on that call instead — this tool is then an extra turn.
figma_set_variables_modeSwitch the active Figma Variables mode (e.g. Dark Mode, Light Mode, Brand theme) for a specific artboard/frame or the entire page.
Show 9 more tools
get_commentsList all comments and threads on a Figma file.
get_componentsGet all components and component sets in a Figma file.
get_fileGet full document metadata and token-optimized layer hierarchy of a Figma file by URL or file key. Automatically prunes noise and converts to semantic Pseudo-JSX/Tree format to save 85%+ tokens.
get_imageRender and export nodes to image URLs (PNG, SVG, JPG, PDF) via Figma Cloud API.
get_image_fillsGet download URLs for all images used as fills in a Figma file.
get_meVerify authenticated user and token validity via Figma Cloud REST API.
get_nodeGet token-optimized node/component design data for specific nodes in a Figma file. Automatically prunes AST noise, collapses vector icons, and returns clean Pseudo-JSX/Tree format (saves 85%+ tokens).
get_stylesGet all color, text, and effect styles defined in a Figma file.
post_commentPost a comment or reply to a Figma file or specific node.
Compare and alternatives
Featured in
Signals
- Stars
- 2
- Forks
- 0
- Open issues
- 0
- Last commit
- Oct 24, 2026 (6 days ago)
- Last release
- Oct 24, 2026 (6 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- Registry name
io.github.kolganovr/mokido- Version
- 4.3.0
- Auth
- No auth
- Packages
- npm mokido
- License
- MIT
- Repository
- github.com/kolganovr/mokido
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
Cite this page
Mokido MCP server. Agent Mart. https://agentmart.dev/connectors/kolganovr-mokido (last updated 2026-10-24)