get_remote_components
Retrieve available components from team libraries in Figma to access and use shared design elements across projects.
Instructions
Get available components from team libraries in Figma
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Implementation Reference
- The handler function for the 'get_remote_components' MCP tool. It sends the 'get_remote_components' command to the Figma plugin via websocket and returns the result as a formatted JSON text response or an error message.
async () => { try { const result = await sendCommandToFigma("get_remote_components"); return { content: [ { type: "text", text: JSON.stringify(result, null, 2) } ] }; } catch (error) { return { content: [ { type: "text", text: `Error getting remote components: ${error instanceof Error ? error.message : String(error)}` } ] }; } } - src/talk_to_figma_mcp/tools/document-tools.ts:174-200 (registration)Registers the 'get_remote_components' tool with the MCP server, providing name, description, empty input schema (no params), and the handler function.
server.tool( "get_remote_components", "Get available components from team libraries in Figma", {}, async () => { try { const result = await sendCommandToFigma("get_remote_components"); return { content: [ { type: "text", text: JSON.stringify(result, null, 2) } ] }; } catch (error) { return { content: [ { type: "text", text: `Error getting remote components: ${error instanceof Error ? error.message : String(error)}` } ] }; } } ); - TypeScript type definition for FigmaCommand union that includes "get_remote_components", used for type safety in command sending functions like sendCommandToFigma.
export type FigmaCommand = | "get_document_info" | "get_selection" | "get_node_info" | "create_rectangle" | "create_frame" | "create_text" | "create_ellipse" | "create_polygon" | "create_star" | "create_vector" | "create_line" | "set_fill_color" | "set_stroke_color" | "move_node" | "resize_node" | "delete_node" | "get_styles" | "get_local_components" | "get_team_components" | "create_component_instance" | "export_node_as_image" | "join" | "set_corner_radius" | "clone_node" | "set_text_content" | "scan_text_nodes" | "set_multiple_text_contents" | "set_auto_layout" | "set_font_name" | "set_font_size" | "set_font_weight" | "set_letter_spacing" | "set_line_height" | "set_paragraph_spacing" | "set_text_case" | "set_text_decoration" | "get_styled_text_segments" | "load_font_async" | "get_remote_components" | "set_effects" | "set_effect_style_id" | "group_nodes" | "ungroup_nodes" | "flatten_node" | "insert_child";