Browse/Web & Browser/Claude Talk to Figma

Claude Talk to Figma

by arinspunk · Added 26d ago

531

Install

npx -y claude-talk-to-figma-mcp

About

This MCP server enables AI assistants to directly control Figma designs through a WebSocket bridge, providing comprehensive tools for document inspection, element creation (rectangles, frames, text, shapes), modification (colors, positioning, sizing), text manipulation, and component management. Built with TypeScript and Bun, it features a modular architecture with specialized tool categories, robust error handling with progress tracking for complex operations, and intelligent defaults that preserve transparency and stroke properties. The implementation includes a Figma plugin that establishes WebSocket communication, systematic text replacement strategies with chunking for large designs, and export capabilities for visual verification, making it valuable for automated design workflows, content localization, design system management, and building AI assistants that need programmatic access to Figma's full design capabilities without manual interface navigation.

Tags

Web & Browsermcp-servernpm