# figma-implement-design: Official OpenAI Skill that 1:1 restores Figma design drafts to production-grade code

**figma-implement-design** is an OpenAI-curated Agent Skill that works with the Figma MCP to translate design nodes into deliverable UI code within repositories. This article introduces its seven-step workflow, boundaries with other Skills such as figma-use, prerequisites for the MCP, as well as installation and typical usage in tools like Cursor (/add-plugin figma) and Codex ($skill-installer), helping developers shorten the Design-to-Code iteration cycle.