set_fill_color
Modify the fill color of Figma design elements such as TextNode or FrameNode using the Cursor AI integration with Figma.
Instructions
Set the fill color of a node in Figma can be TextNode or FrameNode
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"additionalProperties": false,
"properties": {},
"type": "object"
}
Implementation Reference
- src/talk_to_figma_mcp/server.ts:575-613 (registration)Registration of the 'set_fill_color' MCP tool using server.tool(), which includes the tool name, description, Zod input schema, and the handler function that delegates to the Figma plugin.server.tool( "set_fill_color", "Set the fill color of a node in Figma can be TextNode or FrameNode", { nodeId: z.string().describe("The ID of the node to modify"), r: z.number().min(0).max(1).describe("Red component (0-1)"), g: z.number().min(0).max(1).describe("Green component (0-1)"), b: z.number().min(0).max(1).describe("Blue component (0-1)"), a: z.number().min(0).max(1).optional().describe("Alpha component (0-1)"), }, async ({ nodeId, r, g, b, a }) => { try { const result = await sendCommandToFigma("set_fill_color", { nodeId, color: { r, g, b, a: a || 1 }, }); const typedResult = result as { name: string }; return { content: [ { type: "text", text: `Set fill color of node "${typedResult.name }" to RGBA(${r}, ${g}, ${b}, ${a || 1})`, }, ], }; } catch (error) { return { content: [ { type: "text", text: `Error setting fill color: ${error instanceof Error ? error.message : String(error) }`, }, ], }; } } );
- src/talk_to_figma_mcp/server.ts:585-612 (handler)The handler function implementing the core logic of the set_fill_color tool. It sends a 'set_fill_color' command with the provided RGBA values to the underlying Figma plugin via WebSocket (sendCommandToFigma), handles the response, and returns a formatted success message or error.async ({ nodeId, r, g, b, a }) => { try { const result = await sendCommandToFigma("set_fill_color", { nodeId, color: { r, g, b, a: a || 1 }, }); const typedResult = result as { name: string }; return { content: [ { type: "text", text: `Set fill color of node "${typedResult.name }" to RGBA(${r}, ${g}, ${b}, ${a || 1})`, }, ], }; } catch (error) { return { content: [ { type: "text", text: `Error setting fill color: ${error instanceof Error ? error.message : String(error) }`, }, ], }; } }
- Zod schema defining the input parameters for the set_fill_color tool: nodeId (string), r/g/b (numbers 0-1), a (optional number 0-1). Used for input validation in the MCP server.nodeId: z.string().describe("The ID of the node to modify"), r: z.number().min(0).max(1).describe("Red component (0-1)"), g: z.number().min(0).max(1).describe("Green component (0-1)"), b: z.number().min(0).max(1).describe("Blue component (0-1)"), a: z.number().min(0).max(1).optional().describe("Alpha component (0-1)"), },