Figma Context MCP

Tools · 27

• get_figma_dev_history List of past extractions (name, id, layout)
• get_Basic_CSS Root element CSS via getCSSAsync()
• get_All_Layers_CSS CSS for every layer in the selection
• get_JSON Structured: id, fills, variables, design tokens, allLayersCSS — the highest-signal single call
• get_react_component TypeScript React + CSS module
• get_tailwind_component React + Tailwind classes (arbitrary values)
• get_styled_component React + styled-components
• get_plugin_project_overview Summary of the full scanned project (requires Scan Entire Project in the plugin)
• analyze_app_structure Architectural breakdown of a scanned project
• get_figma_data Raw file or node JSON
• get_figma_page_structure Page-level tree for orientation
• get_figma_project_overview Team/project-level summary
• analyze_figma_components Component detection across a file
• download_figma_images Batch SVG/PNG export to disk
• extract_design_tokens Build a token catalog from current selection
• build_dependency_graph Map which layers consume which tokens
• debug_token_registry Inspect the current registry state
• track_design_system_health Coverage / conflict report
• simulate_token_change Dry-run a rename/value change
• analyze_token_change_impact Blast-radius report for a proposed change
• apply_token_change Commit a simulated change
• rollback_token_change Revert an applied change
• list_token_simulations List staged simulations
• generate_migration_code Produce codemod-style output for the change
• check_figma_dev_connection Probe the Dev Mode server
• get_figma_dev_mode_code React + Tailwind from Figma's own generator
• generate_codegen_plugin Scaffold a new Figma Dev Mode codegen plugin