Skip to main content
Glama
yhc984

Talk to Figma MCP

by yhc984

set_corner_radius

Modify corner radius values for Figma design elements. Specify which corners to round and apply precise radius measurements to nodes.

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 on Figma nodes, supporting both uniform and individual corner radii.
    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,
      };
    }
  • Dispatch/registration of the set_corner_radius command in the Figma plugin's main command handler.
    case "set_corner_radius":
      return await setCornerRadius(params);
  • MCP tool registration for set_corner_radius, including the thin wrapper handler that proxies to Figma plugin.
    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)}`
              }
            ]
          };
        }
      }
    );
  • Input schema validation using Zod for the set_corner_radius tool parameters.
    {
      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]")
    },
  • TypeScript type definition including set_corner_radius in FigmaCommand union.
    | 'set_corner_radius';

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