Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
mog install mogteam/openai-figma
Sourced from openai/skills (curated) under the Apache 2.0 license.
After installing, your AI assistant needs a pointer to the skill file. Use the agent card below or the --wire flag.
Install + auto-wire
mog install mogteam/openai-figma --target cursor --wireCreates .cursor/rules/openai-figma.mdc pointing to the skill.
Agent card
## Openai Figma Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting. - **Install**: `mog install mogteam/openai-figma --target cursor` - **Type**: skill - **Path after install**: `.cursor/skills/openai-figma/SKILL.md` - **Targets**: cursor, claude-code, codex, gemini-cli, windsurf, generic When editing, read and follow @.cursor/skills/openai-figma/SKILL.md
Paste into AGENTS.md, .cursor/rules, or your agent's instructions.
Install paths by target
No ratings yet.

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Free
mog install mogteam/openai-figmaSource
OpenAI
github.com/openai/skillsThis package is sourced from the above repository and distributed on mog under its original license.
@mogteam
Official curated skills and prompt templates from the mog.md team.