Skill · Official

figma-implement-design

Officialmcpdirectory↓ 27

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation).

Install
$ npx skills add openai/skills --skill figma-implement-design

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • 27 installs reported on mcpdirectory.
  • Published by openai — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Official

  • update-docs — This skill should be used when the user asks to "update documentation for my changes", "check docs for this PR
  • figma — Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to transl
  • fix-dependabot-alerts — Fix Dependabot security alerts by updating vulnerable npm dependencies. Use when the user mentions "dependabot
  • skill-development — This skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill
  • memory-management — Two-tier memory system that makes Claude a true workplace collaborator.
  • mcp-integration — This skill should be used when the user asks to "add MCP server", "integrate MCP", "configure MCP in plugin",

More from openai

  • codex-readiness-unit-test — Run the Codex Readiness unit test report. Use when you need deterministic checks plus in-session LLM evals for
  • notion-meeting-intelligence — Prepare meeting materials with Notion context and Codex research; use when gathering context, drafting agendas
  • netlify-deploy — Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host,
  • notion-spec-to-implementation — Turn Notion specs into implementation plans, tasks, and progress tracking; use when implementing PRDs/feature

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.