figma-mcp-server 0.1.2 → 2.0.1

package/tools/figma/figma-api/list-dev-resources-for-a-file.js

@@ -1,35 +1,23 @@
-/**
- * Function to list development resources for a specific Figma file.
- *
- * @param {Object} args - Arguments for the request.
- * @param {string} args.file_key - The key of the Figma file to retrieve development resources for.
- * @returns {Promise<Object>} - The result of the development resources request.
- */
 const executeFunction = async ({ file_key }) => {
   const baseUrl = 'https://api.figma.com';
   const token = process.env.FIGMA_API_KEY;
   try {
-    // Construct the URL for the request
     const url = `${baseUrl}/v1/files/${file_key}/dev_resources`;
 
-    // Set up headers for the request
     const headers = {
       'X-Figma-Token': token
     };
 
-    // Perform the fetch request
     const response = await fetch(url, {
       method: 'GET',
       headers
     });
 
-    // Check if the response was successful
     if (!response.ok) {
       const errorData = await response.json();
       throw new Error(errorData);
     }
 
-    // Parse and return the response data
     const data = await response.json();
     return data;
   } catch (error) {
@@ -38,10 +26,6 @@ const executeFunction = async ({ file_key }) => {
   }
 };
 
-/**
- * Tool configuration for listing development resources for a Figma file.
- * @type {Object}
- */
 const apiTool = {
   function: executeFunction,
   definition: {

package/tools/figma/figma-api/list-files-in-a-project.js

@@ -1,36 +1,24 @@
-/**
- * Function to list files in a specified Figma project.
- *
- * @param {Object} args - Arguments for the request.
- * @param {string} args.project_id - The ID of the project to list files from.
- * @returns {Promise<Object>} - The result of the files listing.
- */
 const executeFunction = async ({ project_id }) => {
   const baseUrl = 'https://api.figma.com';
   const token = process.env.FIGMA_API_KEY;
 
   try {
-    // Construct the URL for the request
     const url = `${baseUrl}/v1/projects/${project_id}/files`;
 
-    // Set up headers for the request
     const headers = {
       'X-Figma-Token': token
     };
 
-    // Perform the fetch request
     const response = await fetch(url, {
       method: 'GET',
       headers
     });
 
-    // Check if the response was successful
     if (!response.ok) {
       const errorData = await response.json();
       throw new Error(errorData);
     }
 
-    // Parse and return the response data
     const data = await response.json();
     return data;
   } catch (error) {
@@ -39,10 +27,6 @@ const executeFunction = async ({ project_id }) => {
   }
 };
 
-/**
- * Tool configuration for listing files in a Figma project.
- * @type {Object}
- */
 const apiTool = {
   function: executeFunction,
   definition: {

package/tools/figma/figma-api/list-projects-in-a-team.js

@@ -1,35 +1,23 @@
-/**
- * Function to list projects in a specified team on Figma.
- *
- * @param {Object} args - Arguments for the request.
- * @param {string} args.team_id - The ID of the team for which to list projects.
- * @returns {Promise<Object>} - The list of projects within the specified team.
- */
 const executeFunction = async ({ team_id }) => {
   const baseUrl = 'https://api.figma.com';
   const token = process.env.FIGMA_API_KEY;
   try {
-    // Construct the URL for the request
     const url = `${baseUrl}/v1/teams/${team_id}/projects`;
 
-    // Set up headers for the request
     const headers = {
       'X-Figma-Token': token
     };
 
-    // Perform the fetch request
     const response = await fetch(url, {
       method: 'GET',
       headers
     });
 
-    // Check if the response was successful
     if (!response.ok) {
       const errorData = await response.json();
       throw new Error(errorData);
     }
 
-    // Parse and return the response data
     const data = await response.json();
     return data;
   } catch (error) {
@@ -38,10 +26,6 @@ const executeFunction = async ({ team_id }) => {
   }
 };
 
-/**
- * Tool configuration for listing projects in a team on Figma.
- * @type {Object}
- */
 const apiTool = {
   function: executeFunction,
   definition: {

package/tools/figma/figma-api/list-published-libraries.js

@@ -1,30 +1,21 @@
-/**
- * Function to list published libraries in Figma.
- *
- * @returns {Promise<Array>} - A promise that resolves to an array of published libraries.
- */
 const executeFunction = async () => {
   const baseUrl = 'https://api.figma.com/v1/libraries/published';
   const token = process.env.FIGMA_API_KEY;
   try {
-    // Set up headers for the request
     const headers = {
       'X-Figma-Token': token
     };
 
-    // Perform the fetch request
     const response = await fetch(baseUrl, {
       method: 'GET',
       headers
     });
 
-    // Check if the response was successful
     if (!response.ok) {
       const errorData = await response.json();
       throw new Error(errorData);
     }
 
-    // Parse and return the response data
     const data = await response.json();
     return data;
   } catch (error) {
@@ -33,10 +24,6 @@ const executeFunction = async () => {
   }
 };
 
-/**
- * Tool configuration for listing published libraries in Figma.
- * @type {Object}
- */
 const apiTool = {
   function: executeFunction,
   definition: {

package/tools/figma/figma-api/list-styles-in-a-file.js

@@ -1,36 +1,24 @@
-/**
- * Function to list styles in a specific Figma file.
- *
- * @param {Object} args - Arguments for the request.
- * @param {string} args.file_key - The key of the Figma file to retrieve styles from.
- * @returns {Promise<Object>} - The response containing styles from the specified Figma file.
- */
 const executeFunction = async ({ file_key }) => {
   const baseUrl = 'https://api.figma.com';
   const token = process.env.FIGMA_API_KEY;
 
   try {
-    // Construct the URL for the request
     const url = `${baseUrl}/v1/files/${file_key}/styles`;
 
-    // Set up headers for the request
     const headers = {
       'X-Figma-Token': token
     };
 
-    // Perform the fetch request
     const response = await fetch(url, {
       method: 'GET',
       headers
     });
 
-    // Check if the response was successful
     if (!response.ok) {
       const errorData = await response.json();
       throw new Error(errorData);
     }
 
-    // Parse and return the response data
     const data = await response.json();
     return data;
   } catch (error) {
@@ -39,10 +27,6 @@ const executeFunction = async ({ file_key }) => {
   }
 };
 
-/**
- * Tool configuration for listing styles in a Figma file.
- * @type {Object}
- */
 const apiTool = {
   function: executeFunction,
   definition: {

package/tools/figma/figma-api/list-variables-for-a-file.js

@@ -1,35 +1,23 @@
-/**
- * Function to list variables for a specific Figma file.
- *
- * @param {Object} args - Arguments for the request.
- * @param {string} args.file_key - The key of the Figma file for which to list variables.
- * @returns {Promise<Object>} - The response containing the variable collections and variables defined in the specified Figma file.
- */
 const executeFunction = async ({ file_key }) => {
   const baseUrl = 'https://api.figma.com';
   const token = process.env.FIGMA_API_KEY;
   try {
-    // Construct the URL for the request
     const url = `${baseUrl}/v1/files/${file_key}/variables`;
 
-    // Set up headers for the request
     const headers = {
       'X-Figma-Token': token
     };
 
-    // Perform the fetch request
     const response = await fetch(url, {
       method: 'GET',
       headers
     });
 
-    // Check if the response was successful
     if (!response.ok) {
       const errorData = await response.json();
       throw new Error(errorData);
     }
 
-    // Parse and return the response data
     const data = await response.json();
     return data;
   } catch (error) {
@@ -38,10 +26,6 @@ const executeFunction = async ({ file_key }) => {
   }
 };
 
-/**
- * Tool configuration for listing variables for a Figma file.
- * @type {Object}
- */
 const apiTool = {
   function: executeFunction,
   definition: {

package/tools/figma/figma-api/post-a-comment-to-a-file.js

@@ -1,49 +1,31 @@
-/**
- * Function to post a comment to a Figma file.
- *
- * @param {Object} args - Arguments for the comment.
- * @param {string} args.file_key - The key of the Figma file to comment on.
- * @param {string} args.message - The message of the comment.
- * @param {Object} [args.client_meta] - Optional metadata for the comment's location.
- * @param {number} [args.client_meta.x] - The x-coordinate for the comment.
- * @param {number} [args.client_meta.y] - The y-coordinate for the comment.
- * @param {string} [args.client_meta.node_id] - The node ID for the comment.
- * @returns {Promise<Object>} - The result of the comment posting.
- */
 const executeFunction = async ({ file_key, message, client_meta = {} }) => {
   const baseUrl = 'https://api.figma.com';
   const token = process.env.FIGMA_API_KEY;
 
   try {
-    // Construct the URL for posting a comment
     const url = `${baseUrl}/v1/files/${file_key}/comments`;
 
-    // Set up headers for the request
     const headers = {
       'X-Figma-Token': token,
       'Content-Type': 'application/json'
     };
 
-    // Prepare the body of the request
     const body = JSON.stringify({
       message,
       client_meta
     });
 
-    // Perform the fetch request
     const response = await fetch(url, {
       method: 'POST',
       headers,
       body
     });
 
-    // Check if the response was successful
     if (!response.ok) {
       const errorData = await response.json();
       throw new Error(errorData);
     }
 
-    // Parse and return the response data
     const data = await response.json();
     return data;
   } catch (error) {
@@ -52,10 +34,6 @@ const executeFunction = async ({ file_key, message, client_meta = {} }) => {
   }
 };
 
-/**
- * Tool configuration for posting comments to a Figma file.
- * @type {Object}
- */
 const apiTool = {
   function: executeFunction,
   definition: {
@@ -99,4 +77,4 @@ const apiTool = {
   }
 };
 
-export { apiTool };
+export { apiTool };

package/Dockerfile

@@ -1,28 +0,0 @@
-FROM node:22.12-alpine AS builder
-
-RUN corepack enable && corepack prepare pnpm@latest --activate
-
-WORKDIR /app
-COPY package.json pnpm-lock.yaml ./
-RUN pnpm install --frozen-lockfile
-
-COPY . .
-
-# Production stage
-FROM node:22.12-alpine
-
-WORKDIR /app
-
-RUN corepack enable && corepack prepare pnpm@latest --activate
-
-COPY package.json pnpm-lock.yaml ./
-RUN pnpm install --prod --frozen-lockfile
-
-COPY --from=builder /app/mcpServer.js ./
-
-ENV NODE_ENV=production
-
-HEALTHCHECK --interval=30s --timeout=30s --start-period=5s --retries=3 \
-    CMD wget --no-verbose --tries=1 --spider http://localhost:3000/ || exit 1
-
-ENTRYPOINT ["node", "mcpServer.js"]

package/smithery.yaml

@@ -1,39 +0,0 @@
-startCommand:
-  type: http
-  command: node mcpServer.js --sse
-  configSchema:
-    type: object
-    required: ["port"]
-    properties:
-      port:
-        type: number
-        title: "Server Port"
-        description: "Port number for the MCP server"
-        default: 3001
-      mode:
-        type: string
-        title: "Server Mode"
-        description: "Choose between SSE (Server-Sent Events) or stdio mode"
-        enum: ["sse", "stdio"]
-        default: "sse"
-      serverName:
-        type: string
-        title: "Server Name"
-        description: "Name of the MCP server instance"
-        default: "generated-mcp-server"
-      version:
-        type: string
-        title: "Server Version"
-        description: "Version of the MCP server"
-        default: "0.1.2"
-
-connection:
-  type: sse
-  configSchema:
-    type: object
-    properties:
-      baseUrl:
-        type: string
-        title: "Base URL"
-        description: "Base URL for the MCP server"
-        default: "http://localhost:3001"