Skip to main content
Back to registry

figma

openai/skills

Use the Figma MCP server for Figma-driven implementation. For setup and debugging details (env vars, config, verification), see references/figma-mcp-config.md .

Installs665
Install command
npx skills add https://github.com/openai/skills --skill figma
Security audits
Gen Agent Trust HubFAIL
SocketPASS
SnykWARN
About this skill
Use the Figma MCP server for Figma-driven implementation. For setup and debugging details (env vars, config, verification), see references/figma-mcp-config.md . These rules define how to translate Figma inputs into code for this project and must be followed for every Figma-driven change. - Run get_design_context first to fetch the structured representation for the exact node(s). - If the response is too large or truncated, run get_metadata to get the high-level node map and then re-fetch only the required node(s) with get_design_context. - Run get_screenshot for a visual reference of the node variant being implemented. - Only after you have both get_design_context and get_screenshot, download any assets needed and start implementation. - Translate the output (usually React + Tailwind) into this project's conventions, styles and framework.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does figma do?

Use the Figma MCP server for Figma-driven implementation. For setup and debugging details (env vars, config, verification), see references/figma-mcp-config.md .

Is figma good?

figma does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does figma work with?

figma currently lists compatibility with codex, gemini-cli, opencode, cursor, kimi-cli, github-copilot.

What are alternatives to figma?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install figma?

npx skills add https://github.com/openai/skills --skill figma

Related skills

More from openai/skills

Related skills

Alternatives in Software Engineering