figma-mcp-write-server

oO/figma-mcp-write-server

3.3

If you are the rightful owner of figma-mcp-write-server and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

A Model Context Protocol (MCP) server that provides write access to Figma through the Plugin API, enabling AI agents to create, modify, and manage Figma designs programmatically.

The Figma MCP Write Server leverages the Figma Plugin API to enable full write operations, overcoming the limitations of the mostly read-only Figma REST API. This server allows AI agents to perform a wide range of design operations programmatically, such as creating and modifying design elements, managing typography and styles, and handling complex design systems. The server architecture involves an AI agent communicating with an MCP client, which interacts with the MCP server. The server then communicates with a Figma plugin to execute operations on Figma designs. This setup allows for real-time updates and seamless integration with Figma's design environment, providing a powerful tool for automated design workflows.

Features

  • Create and modify design elements programmatically
  • Manage typography and styles with advanced features
  • Support for auto layout and responsive design
  • Component and variable management for design systems
  • Real-time updates and seamless Figma integration

Usages

usage with Claude Desktop

{
  "mcpServers": {
    "figma-write": {
      "command": "node",
      "args": [
        "figma-mcp-write-server.js"
      ]
    }
  }
}

usage with VS Code

{
  "mcp": {
    "servers": {
      "figma-write": {
        "command": "node",
        "args": [
          "figma-mcp-write-server.js"
        ]
      }
    }
  }
}

Tools

  1. figma_nodes

    Create, update, move, delete, or duplicate nodes

  2. figma_text

    Create and manage text with typography features

  3. figma_components

    Component management (create, create_set, add_variant, get)

  4. figma_instances

    Instance management (create, swap, detach, reset_overrides, set_override, get)

  5. figma_styles

    Style management (paint, text, effect, grid)

  6. figma_collections

    Variable collection management (create, update, delete, get, list)

  7. figma_variables

    Variable management and binding (create, bind, unbind, get_bindings)

  8. figma_boolean_operations

    Boolean operations on shapes (union, subtract, intersect, exclude)

  9. figma_vector_operations

    Vector creation and manipulation (create, flatten, outline_stroke, get_paths)

  10. figma_annotations

    Design annotations for dev handoff (add, edit, remove, list)

  11. figma_measurements

    Spacing and sizing measurements (add, edit, remove, list)

  12. figma_dev_resources

    CSS generation and dev status tracking (generate_css, set_dev_status, add_dev_link, remove_dev_link, get_dev_resources)

  13. figma_auto_layout

    Auto layout configuration

  14. figma_constraints

    Constraints management

  15. figma_alignment

    Node alignment and positioning with reference point control

  16. figma_hierarchy

    Layer & hierarchy management with grouping

  17. figma_selection

    Get/set selection or get page hierarchy

  18. figma_exports

    Export nodes as files or data with cross-platform output control

  19. figma_images

    Image management for design elements

  20. figma_fonts

    Font search and management with SQLite database

  21. figma_plugin_status

    Check plugin connection and health