{"id":34774572,"url":"https://github.com/chicunic/figma-pilot-mcp","last_synced_at":"2026-05-27T05:02:49.883Z","repository":{"id":329512287,"uuid":"1119498015","full_name":"chicunic/figma-pilot-mcp","owner":"chicunic","description":"An MCP server that gives AI full control over Figma — read, create, and modify designs with ease.","archived":false,"fork":false,"pushed_at":"2025-12-20T03:02:51.000Z","size":67,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-22T12:17:25.502Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chicunic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-19T11:13:48.000Z","updated_at":"2025-12-20T03:02:54.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/chicunic/figma-pilot-mcp","commit_stats":null,"previous_names":["chicunic/figma-pilot-mcp"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/chicunic/figma-pilot-mcp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chicunic%2Ffigma-pilot-mcp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chicunic%2Ffigma-pilot-mcp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chicunic%2Ffigma-pilot-mcp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chicunic%2Ffigma-pilot-mcp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chicunic","download_url":"https://codeload.github.com/chicunic/figma-pilot-mcp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chicunic%2Ffigma-pilot-mcp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28024382,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-25T02:00:05.988Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-12-25T08:13:15.508Z","updated_at":"2026-05-27T05:02:49.858Z","avatar_url":"https://github.com/chicunic.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# figma-pilot-mcp\n\n[![version](https://img.shields.io/badge/version-0.3.0-blue)](https://github.com/chicunic/figma-pilot-mcp)\n[![license](https://img.shields.io/badge/license-MIT-green)](./LICENSE)\n[![node](https://img.shields.io/badge/runtime-bun-f472b6)](https://bun.sh/)\n\nAn MCP server that gives AI full control over Figma — read, create, and modify designs with ease.\n\n## Features\n\n- **Full Figma Control**: Create, read, modify, and delete design elements\n- **WebSocket Communication**: Real-time bidirectional communication between MCP server and Figma plugin\n- **Batch Operations**: Execute multiple commands in sequence with result references\n- **Flexible Deployment**: Run all-in-one, or split MCP and WebSocket into separate processes\n\n## Prerequisites\n\n- [Bun](https://bun.sh/) runtime\n- [Figma Desktop](https://www.figma.com/downloads/) app\n\n## Getting Started\n\n1. **Install dependencies and build plugin**:\n\n   ```bash\n   bunx figma-pilot init\n   ```\n\n2. **Import plugin into Figma Desktop**:\n\n   - **Plugins** → **Development** → **Import plugin from manifest...**\n   - Select the `dist/plugin/manifest.json` in this project folder\n\n3. **Configure your AI agent** (see [below](#configure-your-ai-agent))\n\n4. **Run the plugin and connect**:\n\n   - Open a design file in **Design mode**, run **Plugins** → **Development** → **Figma Pilot MCP**\n   - The plugin UI shows a channel name (e.g., `figma-pilot-abc123`)\n   - In your AI agent, use `pilot_connect` with the channel name\n\n## Configure Your AI Agent\n\n### Mode 1: All-in-one (recommended)\n\n```mermaid\ngraph LR\n  A[AI Agent] \u003c--stdio--\u003e B[MCP + WS Server] \u003c--ws--\u003e C[Figma Plugin]\n```\n\n```jsonc\n{\n  \"mcpServers\": {\n    \"figma-pilot\": {\n      \"command\": \"bunx\",\n      \"args\": [\"figma-pilot\", \"start\"]\n    }\n  }\n}\n```\n\n### Mode 2: Separate WS + MCP (multi-agent)\n\n```mermaid\ngraph LR\n  A[AI Agent A] \u003c--stdio--\u003e C[MCP only]\n  B[AI Agent B] \u003c--stdio--\u003e D[MCP only]\n  C \u003c--ws--\u003e E[WS Server]\n  D \u003c--ws--\u003e E\n  E \u003c--ws--\u003e F[Figma Plugin]\n```\n\n1. **Start the WebSocket server**:\n\n   ```bash\n   bunx figma-pilot start --mode=ws\n   ```\n\n2. **Configure AI agents**:\n\n   ```jsonc\n   {\n     \"mcpServers\": {\n       \"figma-pilot\": {\n         \"command\": \"bunx\",\n         \"args\": [\"figma-pilot\", \"start\", \"--mode=mcp\"]\n       }\n     }\n   }\n   ```\n\n## Reference\n\n### Mode Summary\n\n| Mode | CLI | MCP | WS Server | WS Client | Use Case |\n| - | - | - | - | - | - |\n| `all` | `--mode=all` | Yes | Yes | No | Single-agent |\n| `mcp` | `--mode=mcp` | Yes | No | Yes | Multi-agent / remote WS |\n| `ws` | `--mode=ws` | No | Yes | No | Standalone relay |\n\n### CLI Commands\n\n| Command | Description |\n| - | - |\n| `bunx figma-pilot init` | Install dependencies and build the plugin |\n| `bunx figma-pilot build` | Rebuild the Figma plugin |\n| `bunx figma-pilot start` | Start the server (default: all-in-one mode) |\n| `bunx figma-pilot doctor` | Run diagnostics checks |\n\n### Configuration\n\n| Variable | Default | Description |\n| - | - | - |\n| `FIGMA_WS_PORT` | `3846` | WebSocket port |\n| `FIGMA_WS_HOST` | `localhost` | WebSocket host |\n| `FIGMA_REQUEST_TIMEOUT` | `30000` | Request timeout (ms) |\n| `FIGMA_PILOT_MODE` | `write-only` | Tool mode: `write-only` / `read-write` |\n| `FIGMA_RUN_MODE` | `all` | Run mode: `all` / `mcp` / `ws` |\n\n## Available Tools\n\n### Connection\n\n| Tool | Description |\n| - | - |\n| `pilot_connect` | Connect to Figma plugin via WebSocket |\n| `pilot_disconnect` | Disconnect from Figma plugin |\n| `pilot_status` | Get WebSocket connection status |\n\n### Creation\n\n| Tool | Description |\n| - | - |\n| `pilot_create_shape` | Create shape (FRAME/RECTANGLE/ELLIPSE/POLYGON/STAR/LINE/VECTOR) |\n| `pilot_create_text` | Create text node |\n| `pilot_create_component` | Create empty component |\n| `pilot_create_component_from_node` | Convert node to component |\n| `pilot_create_instance` | Create component instance |\n| `pilot_create_page` | Create new page |\n| `pilot_create_section` | Create section |\n| `pilot_create_slice` | Create export slice |\n| `pilot_create_from_svg` | Create node from SVG string |\n| `pilot_create_image` | Create image from base64 or URL (with optional filters) |\n| `pilot_create_table` | Create table (FigJam) |\n| `pilot_create_sticky` | Create FigJam sticky note |\n| `pilot_create_connector` | Create FigJam connector between nodes |\n| `pilot_create_shape_with_text` | Create FigJam shape with text |\n| `pilot_create_node_tree` | Create nested node tree in one call |\n\n### Text\n\n| Tool | Description |\n| - | - |\n| `pilot_set_text` | Set text properties (content/font/color/spacing/align) [BATCH] |\n\n### Modification\n\n| Tool | Description |\n| - | - |\n| `pilot_set_fill` | Set fill: solid color or gradient [BATCH] |\n| `pilot_set_stroke` | Set stroke: solid color or gradient [BATCH] |\n| `pilot_set_corners` | Set corner radius (uniform or individual) [BATCH] |\n| `pilot_move_node` | Move node to position |\n| `pilot_resize_node` | Resize node [BATCH] |\n| `pilot_set_rotation` | Set rotation [BATCH] |\n| `pilot_set_opacity` | Set opacity [BATCH] |\n| `pilot_set_blend_mode` | Set blend mode [BATCH] |\n| `pilot_set_visible` | Set visibility [BATCH] |\n| `pilot_set_locked` | Set locked state [BATCH] |\n| `pilot_set_name` | Set node name |\n| `pilot_set_effect` | Add shadow/blur or clear effects [BATCH] |\n| `pilot_set_auto_layout` | Set auto layout on frame [BATCH] |\n| `pilot_set_constraints` | Set constraints [BATCH] |\n| `pilot_delete_node` | Delete node [BATCH] |\n| `pilot_clone_node` | Clone node |\n| `pilot_group_nodes` | Group nodes |\n| `pilot_ungroup_node` | Ungroup node |\n| `pilot_flatten_nodes` | Flatten to single vector |\n| `pilot_boolean` | Boolean operation (UNION/SUBTRACT/INTERSECT/EXCLUDE) |\n| `pilot_set_current_page` | Set current page |\n| `pilot_set_viewport` | Set viewport center/zoom |\n| `pilot_scroll_to_node` | Scroll to node |\n| `pilot_set_selection` | Set selection |\n| `pilot_notify` | Show notification |\n| `pilot_set_image_fill` | Set image fill on node (hash/base64/URL) |\n| `pilot_set_image_filters` | Set filters on existing IMAGE fill [BATCH] |\n\n### Layout\n\n| Tool | Description |\n| - | - |\n| `pilot_set_layout_child` | Set sizing/align/positioning for layout child [BATCH] |\n| `pilot_set_layout_wrap` | Set layout wrap mode |\n| `pilot_set_clips_content` | Set frame clips content [BATCH] |\n| `pilot_set_overflow` | Set overflow direction [BATCH] |\n| `pilot_set_guides` | Set guides on frame/page |\n\n### Node Hierarchy\n\n| Tool | Description |\n| - | - |\n| `pilot_move_child` | Append/insert/reorder child in parent |\n\n### Instance Operations\n\n| Tool | Description |\n| - | - |\n| `pilot_detach_instance` | Detach instance from component |\n| `pilot_reset_overrides` | Reset instance overrides |\n| `pilot_swap_component` | Swap instance to different component |\n\n### Styles\n\n| Tool | Description |\n| - | - |\n| `pilot_create_style` | Create paint/text/effect/grid style |\n| `pilot_apply_style` | Apply style to node |\n| `pilot_move_style` | Reorder style in list |\n\n### Variables \u0026 Properties\n\n| Tool | Description |\n| - | - |\n| `pilot_create_variable_collection` | Create variable collection |\n| `pilot_create_variable` | Create variable |\n| `pilot_set_variable_value` | Set variable value for mode |\n| `pilot_create_variable_alias` | Create variable alias |\n| `pilot_bind_variable` | Bind variable to property/paint/effect/grid |\n| `pilot_set_component_properties` | Set instance properties |\n\n### Team Library\n\n| Tool | Description |\n| - | - |\n| `pilot_import_library` | Import component/style/variable from library |\n| `pilot_import_style_by_key` | Import style by key |\n| `pilot_import_variable_by_key` | Import variable by key |\n\n### Export \u0026 Prototype\n\n| Tool | Description |\n| - | - |\n| `pilot_set_export_settings` | Set export settings |\n| `pilot_set_reactions` | Set prototype reactions |\n\n### Reading\n\n| Tool | Description |\n| - | - |\n| `pilot_get_node` | Get node info by ID (includes localPosition) |\n| `pilot_get_selection` | Get current selection |\n| `pilot_find_nodes` | Find nodes by type/name pattern |\n| `pilot_get_children` | Get children of node |\n| `pilot_get_top_frame` | Get top-level frame containing node |\n| `pilot_get_current_page` | Get current page info |\n| `pilot_get_pages` | Get all pages |\n| `pilot_get_local_styles` | Get local styles |\n| `pilot_get_local_components` | Get local components |\n| `pilot_get_local_variables` | Get local variables |\n| `pilot_get_variable_collections` | Get variable collections |\n| `pilot_get_viewport` | Get current viewport |\n| `pilot_export_node` | Export node as PNG/JPG/SVG/PDF |\n| `pilot_get_component_properties` | Get component/instance properties |\n| `pilot_get_export_settings` | Get export settings of node |\n| `pilot_get_reactions` | Get prototype reactions of node |\n| `pilot_get_library_variable_collections` | Get library variable collections |\n| `pilot_get_library_variables` | Get library variables by collection |\n| `pilot_get_component_set_variants` | Get variants of library component set |\n| `pilot_get_image` | Get image info/bytes by hash |\n| `pilot_list_available_fonts` | List available fonts (with search) |\n| `pilot_get_selection_colors` | Get colors from selection |\n| `pilot_parse_color` | Parse color string to RGB/RGBA |\n| `pilot_get_event_subscriptions` | Get event subscription status |\n\n### Events \u0026 Utilities\n\n| Tool | Description |\n| - | - |\n| `pilot_event` | Subscribe/unsubscribe to events |\n| `pilot_create_solid_paint` | Create solid paint object |\n| `pilot_combine_as_variants` | Combine components as variants |\n\n### Batch\n\n| Tool | Description |\n| - | - |\n| `pilot_batch` | Execute multiple commands in sequence |\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchicunic%2Ffigma-pilot-mcp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchicunic%2Ffigma-pilot-mcp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchicunic%2Ffigma-pilot-mcp/lists"}