Skip to content
Agentmart
Submit a tool

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

IndexedMITLocal (stdio)★ 2
Write a review

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.

We use your email only for this newsletter. Privacy

About

Write to a live Figma canvas, get a screenshot back, and roll back mistakes. Zero deps, free plan.

No 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_components
  • figma_get_canvas_layout
  • figma_get_selection
  • figma_get_variables
  • figma_inspect
  • figma_job_status
  • figma_list_targets
  • figma_read_canvas
  • figma_screenshot
  • get_comments
  • get_components
  • get_file
Show 5 more tools
  • get_image
  • get_image_fills
  • get_me
  • get_node
  • get_styles

Write 5 · Create, change, send or run things.

  • figma_create_ui_card
  • figma_insert_component_instance
  • figma_insert_svg
  • figma_set_variables_mode
  • post_comment

Delete 2 · Delete, drop, revoke or wipe things.

  • figma_execute_code
  • figma_rollback

Network hosts it talks to 5

  • api.figma.com · found in code
  • api.github.com · found in code
  • figma.com · found in code
  • github.com · found in code
  • glama.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_card

    Create 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_code

    WRITE 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_components

    Find 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_layout

    Inspect 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_selection

    Get information and properties (dimensions, coordinates, text, fills, parent, page, AutoLayout context) of the currently selected nodes on the Figma canvas.

  • figma_get_variables

    Retrieve all Figma Variable collections, modes (e.g. Light/Dark), and design tokens (colors, numbers, strings, booleans) from the active document.

  • figma_insert_component_instance

    Create 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_svg

    Insert 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_inspect

    READ 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_status

    Wait 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_targets

    List 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_canvas

    Read 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_rollback

    Undo 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_screenshot

    Capture 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_mode

    Switch 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_comments

    List all comments and threads on a Figma file.

  • get_components

    Get all components and component sets in a Figma file.

  • get_file

    Get 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_image

    Render and export nodes to image URLs (PNG, SVG, JPG, PDF) via Figma Cloud API.

  • get_image_fills

    Get download URLs for all images used as fills in a Figma file.

  • get_me

    Verify authenticated user and token validity via Figma Cloud REST API.

  • get_node

    Get 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_styles

    Get all color, text, and effect styles defined in a Figma file.

  • post_comment

    Post 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
    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)