oO/figma-mcp-write-server
If you are the rightful owner of figma-mcp-write-server and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.
A Model Context Protocol (MCP) server that provides write access to Figma through the Plugin API, enabling AI agents to create, modify, and manage Figma designs programmatically.
The Figma MCP Write Server leverages the Figma Plugin API to enable full write operations, overcoming the limitations of the mostly read-only Figma REST API. This server allows AI agents to perform a wide range of design operations programmatically, such as creating and modifying design elements, managing typography and styles, and handling complex design systems. The server architecture involves an AI agent communicating with an MCP client, which interacts with the MCP server. The server then communicates with a Figma plugin to execute operations on Figma designs. This setup allows for real-time updates and seamless integration with Figma's design environment, providing a powerful tool for automated design workflows.
Features
- Create and modify design elements programmatically
- Manage typography and styles with advanced features
- Support for auto layout and responsive design
- Component and variable management for design systems
- Real-time updates and seamless Figma integration
Usages
usage with Claude Desktop
{ "mcpServers": { "figma-write": { "command": "node", "args": [ "figma-mcp-write-server.js" ] } } }
usage with VS Code
{ "mcp": { "servers": { "figma-write": { "command": "node", "args": [ "figma-mcp-write-server.js" ] } } } }
Tools
figma_nodes
Create, update, move, delete, or duplicate nodes
figma_text
Create and manage text with typography features
figma_components
Component management (create, create_set, add_variant, get)
figma_instances
Instance management (create, swap, detach, reset_overrides, set_override, get)
figma_styles
Style management (paint, text, effect, grid)
figma_collections
Variable collection management (create, update, delete, get, list)
figma_variables
Variable management and binding (create, bind, unbind, get_bindings)
figma_boolean_operations
Boolean operations on shapes (union, subtract, intersect, exclude)
figma_vector_operations
Vector creation and manipulation (create, flatten, outline_stroke, get_paths)
figma_annotations
Design annotations for dev handoff (add, edit, remove, list)
figma_measurements
Spacing and sizing measurements (add, edit, remove, list)
figma_dev_resources
CSS generation and dev status tracking (generate_css, set_dev_status, add_dev_link, remove_dev_link, get_dev_resources)
figma_auto_layout
Auto layout configuration
figma_constraints
Constraints management
figma_alignment
Node alignment and positioning with reference point control
figma_hierarchy
Layer & hierarchy management with grouping
figma_selection
Get/set selection or get page hierarchy
figma_exports
Export nodes as files or data with cross-platform output control
figma_images
Image management for design elements
figma_fonts
Font search and management with SQLite database
figma_plugin_status
Check plugin connection and health