Skip to main content
Glama
zaferdace

figma-spec-mcp

by zaferdace

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault

No arguments

Instructions

Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.

This server publishes no instructions, or was last inspected before Glama recorded them.

Capabilities

Features and capabilities supported by this server

Protocol revision2025-11-25

CapabilityDetails
tools
{}

Tools

Functions exposed to the LLM to take actions

NameDescription
audit_accessibilityA

Audits a Figma frame for WCAG 2.1 accessibility issues: contrast ratios, touch targets, missing alt text, font sizes. Returns issues with severity levels and an overall accessibility score.

bridge_to_codebaseB

Scans Figma components and a local codebase, then maps component names to likely implementation files using exact, case-insensitive, and partial filename matching.

diff_versionsA

Fetches two Figma file versions and reports added, removed, and modified nodes by comparing names, types, geometry, fills, and style properties.

export_imagesA

Exports Figma nodes as images (PNG, JPG, SVG, PDF) via the Figma image export API. Returns download URLs for each requested node.

extract_design_tokensA

Extracts all design tokens (colors, typography, spacing) from a Figma file and exports them in your chosen format: CSS custom properties (DTCG-aligned), Style Dictionary JSON, or Tailwind config. Spacing tokens are sourced from auto-layout padding and gap values. Each token includes source node IDs for traceability.

extract_flowsA

Extracts prototype flows from a page or frame by finding transition links in the node tree, then returns directed frame-to-frame connections and a deterministic traversal order.

extract_missing_statesA

Finds components and component sets in a Figma subtree, compares detected states against a standard expected-state list, and reports missing state coverage with a confidence score.

extract_variantsA

Reads a Figma component set and returns structured variant data including parsed variant properties, dimensions, layout details, fills, and typography from text descendants.

flow_to_test_casesA

Converts Figma prototype transitions into deterministic navigation test cases and reports dead ends, unreachable screens, and basic flow coverage.

generate_implementation_contractA

Analyzes a Figma frame or component subtree and produces an implementation contract with scope, assets, states, prototype interactions, dependencies, typography, colors, and acceptance criteria.

inspect_layoutA

Inspects a Figma frame and returns deterministic layout data: node hierarchy, auto-layout vs absolute positioning, spacing, padding, constraints, and accessibility warnings (touch targets, font sizes). Output is a versioned JSON envelope — stable and predictable for downstream tooling.

lint_handoff_readinessA

Scans a Figma page or subtree for common engineering handoff issues including default layer names, auto-layout gaps, hidden debris, oversized images, orphaned nodes, and missing text styles.

map_to_flutterA

Map a Figma frame to a Flutter widget tree with Material or Cupertino suggestions, constructor-style properties, asset hints, and ThemeData suggestions.

map_to_reactB

Map a Figma frame to a React component tree with JSX structure, Tailwind or CSS styling output, component library suggestions, asset hints, and TypeScript prop definitions.

map_to_react_nativeA

Map a Figma frame to a React Native component tree with StyleSheet-style output, mobile component library suggestions, asset hints, and TypeScript prop definitions.

map_to_swiftuiA

Map a Figma frame to a SwiftUI view tree with modifier suggestions, asset hints, and generated color asset helpers.

map_to_unityA

Produces a Unity UGUI mapping spec from a Figma frame. Maps Figma constraints to RectTransform anchors, auto-layout to HorizontalLayoutGroup/VerticalLayoutGroup, and suggests appropriate Unity components per node type. Includes confidence scores for inferred components and warnings for unknown constraints or unsupported effects.

resolve_componentsA

Scans a Figma subtree or full file for instances, resolves each unique component through the file component map and Figma component API, and returns the source file and node for each instance.

simplify_contextA

Produces an AI-optimized, token-efficient representation of a Figma frame. Strips noise, collapses wrappers, groups repeated elements, and truncates deep hierarchies. Designed to fit within LLM context windows.

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription

No resources

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/zaferdace/figma-spec-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server