claude-talk-to-figma-mcp

Overview

This MCP server bridges AI systems with Figma design tools, allowing agents to automate design tasks, analyze visual elements, and modify designs programmatically. It works with Figma's free accounts without requiring a Dev Mode license, making it accessible to a wide range of users. The server implements a WebSocket-based architecture that supports parallel execution from multiple AI agents while preventing conflicts through command queuing.

Try asking AI

After installing, here are 3 things you can ask your AI assistant:

• get_document_info

  Get information about the current Figma document

  Try:Show me the document informationTry:What's the name of this Figma file?
• get_current_selection

  Get information about currently selected elements in Figma

  Try:What elements are currently selected?Try:Tell me about the selected items
• scan_text

  Scan for text elements in the Figma document

  Try:Find all text elements in this designTry:List all the text content on the page
• audit_components

  Audit components in the Figma document

  Try:Analyze all components in this fileTry:Check for component usage and instances
• export_assets

  Export assets from the Figma document

  Try:Export all images from this designTry:Download the assets as PNG files
• create_frame

  Create a new frame in the Figma document

  Try:Create a new frame called 'Hero Section'Try:Add a frame with dimensions 800x600
• create_text

  Create a new text element in the Figma document

  Try:Add text saying 'Welcome' with 24px font sizeTry:Create a heading element
• create_shape

  Create a shape element in the Figma document

  Try:Add a red circle to the designTry:Create a rectangle with rounded corners
• modify_colors

  Modify colors of elements in the Figma document

  Try:Change all primary buttons to blueTry:Update the color scheme to use #FF6B6B
• set_styles

  Set styles for elements in the Figma document

  Try:Apply text style 'Heading' to all titlesTry:Set the typography for this element
• clone_element

  Clone an existing element in the Figma document

  Try:Duplicate the selected elementTry:Make a copy of this button
• group_elements

  Group multiple elements together in the Figma document

  Try:Group these elements togetherTry:Create a group from the selected items

Note: Tool names inferred from the capabilities section. README mentions a 'complete command list' but doesn't show actual tool names or signatures.

Comparable tools

Installation

Compare claude-talk-to-figma-mcp with