How do I install sunnysideFigma-Context-MCP?

Its README did not state an install command plainly enough for us to quote one, so we do not guess. The repository has the instructions: https://github.com/tercumantanumut/sunnysideFigma-Context-MCP

What does sunnysideFigma-Context-MCP connect to, and what does it need?

It reaches figma. The credentials we found in its source are FIGMA_API_KEY.

Is sunnysideFigma-Context-MCP official and is it maintained?

We found nothing naming it as a vendor’s official server. Its repository has 40 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-04-19.

What licence does sunnysideFigma-Context-MCP use?

The repository declares the NOASSERTION licence.

InfratoApp / Resources / MCP servers / sunnysideFigma-Context-MCP

sunnysideFigma-Context-MCP

sunnysideFigma-Context-MCP is an MCP server, listed under design & media. It reaches figma. It needs FIGMA_API_KEY to authenticate. Its repository has 40 GitHub stars and is licensed under NOASSERTION; we last read it on 2026-10-24.

This server connects Figma designs with AI development workflows, offering 30 tools for extracting code, assets, and component structures directly from Figma designs.

Install

MCP servers are packaged differently from each other -- some run via npx, some as a Docker image, some as a plain script you clone and run. sunnysideFigma-Context-MCP’s own README did not state one plainly enough for this page to quote it rather than guess, so it will not guess. The repository below states it.

Read sunnysideFigma-Context-MCP’s own install instructions ↗

What it reaches, and what it needs

Reaches

figma

Credential

FIGMA_API_KEY

Maintenance

Stars

State

listed

Licence

NOASSERTION

From the repository

A comprehensive Model Context Protocol (MCP) server that bridges Figma designs with AI development workflows. It provides 30 specialized tools for extracting pixel-perfect code, assets, and component structures directly from Figma designs.

View on GitHub ↗2026-10-24

What sunnysideFigma-Context-MCP can do

27 tools documented in its README. An AI client calls these by name.

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

Read from the README; names are kept only if the README contains them.