Talk to Figma MCP

Instructions

Implementation Reference

• src/talk_to_figma_mcp/server.ts:3033-3078 (registration)

  MCP tool registration for 'join_channel', including inline schema (channel: z.string()) and handler function that validates input and calls joinChannel(channel).

  server.tool(
    "join_channel",
    "Join a specific channel to communicate with Figma",
    {
      channel: z.string().describe("The name of the channel to join").default(""),
    },
    async ({ channel }: any) => {
      try {
        if (!channel) {
          // If no channel provided, ask the user for input
          return {
            content: [
              {
                type: "text",
                text: "Please provide a channel name to join:",
              },
            ],
            followUp: {
              tool: "join_channel",
              description: "Join the specified channel",
            },
          };
        }
  
        await joinChannel(channel);
        return {
          content: [
            {
              type: "text",
              text: `Successfully joined channel: ${channel}`,
            },
          ],
        };
      } catch (error) {
        return {
          content: [
            {
              type: "text",
              text: `Error joining channel: ${error instanceof Error ? error.message : String(error)
                }`,
            },
          ],
        };
      }
    }
  );

• src/talk_to_figma_mcp/server.ts:2955-2968 (handler)

  Handler function that sends the 'join' command via WebSocket to the socket server, updates the currentChannel state variable, with error handling and logging.

  async function joinChannel(channelName: string): Promise<void> {
    if (!ws || ws.readyState !== WebSocket.OPEN) {
      throw new Error("Not connected to Figma");
    }
  
    try {
      await sendCommandToFigma("join", { channel: channelName });
      currentChannel = channelName;
      logger.info(`Joined channel: ${channelName}`);
    } catch (error) {
      logger.error(`Failed to join channel: ${error instanceof Error ? error.message : String(error)}`);
      throw error;
    }
  }

• src/socket.ts:87-134 (helper)

  WebSocket server-side logic for handling 'join' messages: creates channel if needed, adds client to channel Set, sends confirmation to client and notifications to other clients in channel.

  if (data.type === "join") {
    const channelName = data.channel;
    if (!channelName || typeof channelName !== "string") {
      ws.send(JSON.stringify({
        type: "error",
        message: "Channel name is required"
      }));
      return;
    }
  
    // Create channel if it doesn't exist
    if (!channels.has(channelName)) {
      channels.set(channelName, new Set());
    }
  
    // Add client to channel
    const channelClients = channels.get(channelName)!;
    channelClients.add(ws);
  
    console.log(`\n✓ Client joined channel "${channelName}" (${channelClients.size} total clients)`);
  
    // Notify client they joined successfully
    ws.send(JSON.stringify({
      type: "system",
      message: `Joined channel: ${channelName}`,
      channel: channelName
    }));
  
    ws.send(JSON.stringify({
      type: "system",
      message: {
        id: data.id,
        result: "Connected to channel: " + channelName,
      },
      channel: channelName
    }));
  
    // Notify other clients in channel
    channelClients.forEach((client) => {
      if (client !== ws && client.readyState === WebSocket.OPEN) {
        client.send(JSON.stringify({
          type: "system",
          message: "A new user has joined the channel",
          channel: channelName
        }));
      }
    });
    return;