figma-mcp-server 0.1.1 → 2.0.0

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,9 +0,0 @@
-FROM node:22.12-alpine AS builder
-
-WORKDIR /app
-COPY package.json package-lock.json ./
-RUN npm install
-
-COPY . .
-
-ENTRYPOINT ["node", "mcpServer.js"]