skills/modelscope.cn/Figma-Context-MCP-Skill

Figma-Context-MCP-Skill

SKILL.md

Implement Design (Context MCP)

Overview

Use this skill to implement Figma designs with high fidelity by using Figma-Context-MCP (figma-developer-mcp) as the data source. Treat MCP output as design truth, then translate it into project conventions (components, tokens, styling, architecture).

Prerequisites

  • Figma-Context-MCP server is configured and reachable in the current client
  • User provides a Figma URL or explicit fileKey + nodeId
  • A Figma personal access token is available (FIGMA_API_KEY)

Typical MCP server config (stdio)

Installs
1
First Seen
Apr 24, 2026