Skip to main content

Figma

Figma's remote MCP server: read design context, screenshots, metadata, and Code Connect mappings from Figma files, and write designs where your plan enables it. Requires a Figma OAuth app registered by your workspace admin and approved by Figma.

Ways to connect

2 ways to connect Figma

Every one of them gets the same identity, policy, scanning, and audit. Pick the delivery and sign-in that fit your workspace.

Official Figma remote server, vendor-hosted

Delivery
Hosted by Figma
Sign-in
OAuth
Tools
46
Documentation

Figma desktop app, runs on the user's machine

Delivery
Runs locally through the Runlayer CLI
Sign-in
Authentication varies
Tools
6
Documentation

Tools

47 available tools

Search the tool definitions captured from the MCP server. The live list can vary with version, deployment, and credentials.

47 tools found.

  • Add code connect mapping

    Tool name: add_code_connect_map

    Map a Figma node to a code component in your codebase using Code Connect.

  • Create generative plugin

    Tool name: create_generative_plugin

    Creates a new generative plugin in the authenticated user's account library and returns its id.

  • Create new file

    Tool name: create_new_file

    Create a new blank Figma file.

  • Create shader

    Tool name: create_shader

    Set kind to effect for a shader that transforms the layer beneath it, or fill for a shader that generates its own pixels.

  • Download assets

    Read only

    Tool name: download_assets

    Download assets from a Figma file for a single node: an exported render, the original source images, and SVGs of the vector layers.

  • Export video

    Read only

    Tool name: export_video

    Export a Figma timeline node as an MP4 video.

  • Generate diagram

    Tool name: generate_diagram

    Create a flowchart, decision tree, gantt chart, sequence diagram, state diagram, or entity relationship diagram in FigJam, using Mermaid.js.

  • Generate Figma design

    Destructive

    Tool name: generate_figma_design

    Capture a live web page by URL into an existing Figma design file.

  • Generate image

    Tool name: generate_image

    Generate a raster image from a text prompt using state-of-the-art image models.

  • Get code connect mapping

    Read only

    Tool name: get_code_connect_map

    Get a mapping of {[nodeId]: {codeConnectSrc: e.g. location of component in codebase, codeConnectName: e.g. name of component in codebase} E.g. {'1:2': { codeConnectSrc:…

  • Get code connect suggestions

    Read only

    Tool name: get_code_connect_suggestions

    Get AI-suggested strategy for linking a Figma node to code components via Code Connect.

  • Get code connect context

    Read only

    Tool name: get_context_for_code_connect

    Get structured component metadata including properties, variants, and descendant tree for a Figma component or component set.

  • Get design context

    Read only

    Tool name: get_design_context

    Get design context for a Figma node — the primary tool for design-to-code workflows.

  • Get figjam content

    Read only

    Tool name: get_figjam

    Generate UI code for a given FigJam node in Figma.

  • Get generative plugin

    Read only

    Tool name: get_generative_plugin

    Reads a generative plugin from the account library by id (from list_generative_plugins), returning its name, description, owner, version, and a manifest of its source files as { filename, bytes, uri…

  • Get libraries

    Read only

    Tool name: get_libraries

    Get the design libraries associated with a Figma file.

  • Get metadata

    Read only

    Tool name: get_metadata

    Get metadata for a node or page in the Figma desktop app in XML format.

  • Get motion context

    Read only

    Tool name: get_motion_context

    Get keyframe animation data for a Figma node.

  • Get screenshot

    Read only

    Tool name: get_screenshot

    Generate a screenshot for a given node or the currently selected node in the Figma desktop app.

  • Get shader

    Read only

    Tool name: get_shader

    Reads a shader effect or shader fill from the account library by id (from list_shaders), returning its name, description, owner, type, version, and a manifest of its source files as { filename,…

  • Get shader effect

    Tool name: get_shader_effect

    DEPRECATED: Use get_shader instead.

  • Get shader fill

    Tool name: get_shader_fill

    DEPRECATED: Use get_shader instead.

  • Get variable definitions

    Read only

    Tool name: get_variable_defs

    Get variable definitions for a given node id.

  • HTML to Figma

    Tool name: html_to_figma

    Convert an HTML document into pixel-perfect Figma layers and add them to a Figma design file.

  • List file components for code connect

    Read only

    Tool name: list_file_components_for_code_connect

    List every component and component set PUBLISHED to a Figma file's library, with the cross-component dependency graph needed to plan Code Connect in bulk.

  • List file shaders

    Read only

    Tool name: list_file_shaders

    Lists the shader effects and shader fills used in a Figma file.

  • List generative plugins

    Read only

    Tool name: list_generative_plugins

    Lists the generative plugins in the authenticated user's account library, including Figma's first-party plugins.

  • List shader effects

    Tool name: list_shader_effects

    DEPRECATED: Use list_shaders instead.

  • List shader fills

    Tool name: list_shader_fills

    DEPRECATED: Use list_shaders instead.

  • List shaders

    Read only

    Tool name: list_shaders

    Lists the shader effects and shader fills in the authenticated user's account library.

  • Search design system

    Read only

    Tool name: search_design_system

    Search for design system assets (components, variables, and styles).

  • Send code connect mappings

    Tool name: send_code_connect_mappings

    Save multiple Code Connect mappings in bulk.

  • Update generative plugin

    Destructive

    Tool name: update_generative_plugin

    Updates an existing generative plugin in the authenticated user's account library.

  • Update shader

    Destructive

    Tool name: update_shader

    Updates an existing shader effect or fill in the authenticated user's account library.

  • Upload assets

    Tool name: upload_assets

    Upload assets (images and SVGs) into a Figma file.

  • Use Figma

    Destructive

    Tool name: use_figma

    Create, edit, generate, or sync any design in Figma — UIs, screens, mockups, components, frames, variables, styles, text, images, layouts, and design systems.

  • Cancel weave tool run

    Destructive

    Tool name: weave_cancel_tool_run

    Cancels one or more in-progress runs of a Weave tool (a published Weave workflow).

  • Weave find model

    Tool name: weave_find_model

    Finds a Weave AI model by name so it can be run directly with weave_run_model — no Weave tool needed.

  • Weave get model run output

    Tool name: weave_get_model_run_output

    Gets the output and status of Weave model runs started with weave_run_model.

  • Get weave tool inputs

    Read only

    Tool name: weave_get_tool_inputs

    Gets the input contract of a Weave tool (a published Weave workflow) — the inputs you fill in to run it.

  • Get weave tool run output

    Read only

    Tool name: weave_get_tool_run_output

    Gets the output and status of runs of a Weave tool (a published Weave workflow).

  • List weave tools

    Read only

    Tool name: weave_list_tools

    Lists the Weave tools the authenticated user can run — published Weave workflows — in their active Weave workspace: their own, those shared with the workspace, and those shared with them directly.

  • Weave run model

    Tool name: weave_run_model

    Runs a Weave AI model directly — no Weave tool needed — and returns a prediction id; poll it with weave_get_model_run_output.

  • Run weave tool

    Tool name: weave_run_tool

    Runs a Weave tool (a published Weave workflow) and returns run ids; poll them with weave_get_tool_run_output.

  • Upload weave asset

    Tool name: weave_upload_asset

    Uploads a local image or video file to Weave and returns the asset object to pass as the value for an image/video input in weave_run_tool.

  • Who am i

    Read only

    Tool name: whoami

    Returns the authenticated user's handle, email, all the plans the user belongs to (and the ID for each plan) and their seats on those plans.

  • Create design system rules

    Tool name: create_design_system_rules

    Provides a prompt to generate design system rules for this repo.

Compatibility

Connect Figma to the clients your teams already use

27 AI clients can connect to Figma through Runlayer. Pick one for its setup steps and controls.

Why Runlayer

Why connect Figma through Runlayer?

One approved path

Approve Figma once and everyone gets it in the AI clients they already use. Runlayer holds the credentials, so nothing sits in client configuration.

Fine-grained policy

Control who can use each server, tool, and resource, and under which runtime conditions.

Runtime security

Scan tool inputs and outputs for prompt injection, credential exposure, PII, and data exfiltration, then alert, mask, or block.

Audit and observability

Trace every request across users, clients, tools, policies, scanner decisions, and downstream systems.

Frequently asked questions