mcp-figma-augmentcode-integration

mcp-figma-augmentcode-integration

1
developer_toolscloud_platforms

The Figma MCP Server project provides a connection between a Model Context Protocol server and the Figma API, facilitating integration with Augment Code to streamline development workflows. It offers features such as querying Figma files and exposing data through an MCP-compatible interface.

🚀 Figma MCP Server + Augment Code Integration

A project demonstrating how to connect a Model Context Protocol (MCP) server to the Figma API and integrate it with Augment Code, enhancing the development workflow.

✨ Features

  • Queries Figma files
  • Exposes Figma data via an MCP-compatible interface
  • Integrates into Augment Code as a custom tool
  • Uses several libraries including @modelcontextprotocol/sdk, figma-js, zod, and dotenv

📦 Setup Instructions

  1. Clone the repository and navigate to the directory.
  2. Install dependencies via npm.
  3. Configure environment variables like FIGMA_TOKEN, FIGMA_FILE_ID, MCP_PORT.
  4. Run the MCP server.

⚙️ Connect to Augment Code

  1. Add a new MCP server in Augment Code with the name 'figma'.
  2. Set up the command to run the server and add necessary environment variables.

⚠ Important Notes

  • Careful with directory names containing spaces.
  • Consult the troubleshooting guide for issues.

🤝 Contributing

  • Open an issue or submit a pull request for improvements.

📄 License

  • Licensed under the MIT License.