Skip to content
/figmaOfficial

Use Figma MCP to inspect designs and translate them into implementable UI decisions.

DesignFigmaUI· 1 min read

Quick import: Download the .md file and save it to .claude/commands/ (Claude Code), .cursorrules (Cursor), or paste as a system prompt in ChatGPT, Gemini, or any LLM API.

#What it does

The figma skill connects to the Figma MCP server to inspect design files and translate visual designs into concrete, implementable UI decisions. Unlike figma-implement-design which generates code directly, this skill focuses on design analysis and decision-making -- extracting specifications, identifying patterns, and producing actionable implementation guidance.

#How to use

bash
$figma
Use Figma MCP to inspect the target design and translate it into implementable UI decisions.

#Capabilities

  • Inspect Figma design files via MCP
  • Extract design specifications (spacing, typography, colors, layout)
  • Identify component patterns and reuse opportunities
  • Translate design intent into technical requirements
  • Produce implementation guidance without generating code

#Dependencies

  • Figma MCP server (https://mcp.figma.com/mcp)

This skill is from the OpenAI Skills Catalog.

OpenAI·
View all skills