Skip to main content
Glama
paragdesai1

Cursor Talk to Figma MCP

by paragdesai1

set_corner_radius

Adjust corner radius values for Figma design elements to create rounded edges or modify existing curvature.

Instructions

Set the corner radius of a node in Figma

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
nodeIdYesThe ID of the node to modify
radiusYesCorner radius value
cornersNoOptional array of 4 booleans to specify which corners to round [topLeft, topRight, bottomRight, bottomLeft]

Implementation Reference

  • Core handler function that executes the set_corner_radius logic using Figma API. Retrieves the node by ID, validates support for cornerRadius, and sets uniform radius or individual corner radii based on the 'corners' parameter.
    async function setCornerRadius(params) {
      const { nodeId, radius, corners } = params || {};
    
      if (!nodeId) {
        throw new Error("Missing nodeId parameter");
      }
    
      if (radius === undefined) {
        throw new Error("Missing radius parameter");
      }
    
      const node = await figma.getNodeByIdAsync(nodeId);
      if (!node) {
        throw new Error(`Node not found with ID: ${nodeId}`);
      }
    
      // Check if node supports corner radius
      if (!("cornerRadius" in node)) {
        throw new Error(`Node does not support corner radius: ${nodeId}`);
      }
    
      // If corners array is provided, set individual corner radii
      if (corners && Array.isArray(corners) && corners.length === 4) {
        if ("topLeftRadius" in node) {
          // Node supports individual corner radii
          if (corners[0]) node.topLeftRadius = radius;
          if (corners[1]) node.topRightRadius = radius;
          if (corners[2]) node.bottomRightRadius = radius;
          if (corners[3]) node.bottomLeftRadius = radius;
        } else {
          // Node only supports uniform corner radius
          node.cornerRadius = radius;
        }
      } else {
        // Set uniform corner radius
        node.cornerRadius = radius;
      }
    
      return {
        id: node.id,
        name: node.name,
        cornerRadius: "cornerRadius" in node ? node.cornerRadius : undefined,
        topLeftRadius: "topLeftRadius" in node ? node.topLeftRadius : undefined,
        topRightRadius: "topRightRadius" in node ? node.topRightRadius : undefined,
        bottomRightRadius:
          "bottomRightRadius" in node ? node.bottomRightRadius : undefined,
        bottomLeftRadius:
          "bottomLeftRadius" in node ? node.bottomLeftRadius : undefined,
      };
    }
  • MCP tool registration for 'set_corner_radius', including Zod input schema (nodeId: string, radius: number >=0, optional corners: boolean[4]) and handler that proxies the command to the Figma plugin via sendCommandToFigma.
    server.tool(
      "set_corner_radius",
      "Set the corner radius of a node in Figma",
      {
        nodeId: z.string().describe("The ID of the node to modify"),
        radius: z.number().min(0).describe("Corner radius value"),
        corners: z
          .array(z.boolean())
          .length(4)
          .optional()
          .describe(
            "Optional array of 4 booleans to specify which corners to round [topLeft, topRight, bottomRight, bottomLeft]"
          ),
      },
      async ({ nodeId, radius, corners }) => {
        try {
          const result = await sendCommandToFigma("set_corner_radius", {
            nodeId,
            radius,
            corners: corners || [true, true, true, true],
          });
          const typedResult = result as { name: string };
          return {
            content: [
              {
                type: "text",
                text: `Set corner radius of node "${typedResult.name}" to ${radius}px`,
              },
            ],
          };
        } catch (error) {
          return {
            content: [
              {
                type: "text",
                text: `Error setting corner radius: ${error instanceof Error ? error.message : String(error)
                  }`,
              },
            ],
          };
        }
      }
    );
  • Dispatch handler in the Figma plugin's command router that calls the setCornerRadius implementation.
    case "set_corner_radius":
      return await setCornerRadius(params);
  • Helper function filterFigmaNode extracts and includes cornerRadius when serializing node data for MCP responses.
    if (node.cornerRadius !== undefined) {
      filtered.cornerRadius = node.cornerRadius;
    }

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/paragdesai1/parag-Figma-MCP'

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