Skip to main content
Glama
yhc984

Talk to Figma MCP

by yhc984

resize_node

Resize Figma design elements by specifying new width and height dimensions for selected nodes.

Instructions

Resize a node in Figma

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
nodeIdYesThe ID of the node to resize
widthYesNew width
heightYesNew height

Implementation Reference

  • Core handler function that implements the resize_node tool logic by fetching the Figma node and calling its resize method.
    async function resizeNode(params) {
      const { nodeId, width, height } = params || {};
    
      if (!nodeId) {
        throw new Error("Missing nodeId parameter");
      }
    
      if (width === undefined || height === undefined) {
        throw new Error("Missing width or height parameters");
      }
    
      const node = await figma.getNodeByIdAsync(nodeId);
      if (!node) {
        throw new Error(`Node not found with ID: ${nodeId}`);
      }
    
      if (!("resize" in node)) {
        throw new Error(`Node does not support resizing: ${nodeId}`);
      }
    
      node.resize(width, height);
    
      return {
        id: node.id,
        name: node.name,
        width: node.width,
        height: node.height,
      };
    }
  • Dispatcher case in the command handler switch that routes 'resize_node' calls to the resizeNode function.
    case "resize_node":
      return await resizeNode(params);
  • MCP server tool registration for 'resize_node', including schema validation and proxy handler that forwards to Figma plugin.
    server.tool(
      "resize_node",
      "Resize a node in Figma",
      {
        nodeId: z.string().describe("The ID of the node to resize"),
        width: z.number().positive().describe("New width"),
        height: z.number().positive().describe("New height")
      },
      async ({ nodeId, width, height }) => {
        try {
          const result = await sendCommandToFigma('resize_node', { nodeId, width, height });
          const typedResult = result as { name: string };
          return {
            content: [
              {
                type: "text",
                text: `Resized node "${typedResult.name}" to width ${width} and height ${height}`
              }
            ]
          };
        } catch (error) {
          return {
            content: [
              {
                type: "text",
                text: `Error resizing node: ${error instanceof Error ? error.message : String(error)}`
              }
            ]
          };
        }
      }
    );
  • Input schema definition using Zod for the resize_node tool parameters.
      nodeId: z.string().describe("The ID of the node to resize"),
      width: z.number().positive().describe("New width"),
      height: z.number().positive().describe("New height")
    },
  • Type union including 'resize_node' command for Figma communication.
    | 'resize_node'
    | 'delete_node'

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/yhc984/cursor-talk-to-figma-mcp-main'

If you have feedback or need assistance with the MCP directory API, please join our Discord server