CLANKER.NET
DEVELOPMENT openai/skills

figma-implement-design

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). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

DEVELOPMENT
USE THIS SKILL

DOWNLOAD THE APP TO INSTALL AND USE /figma-implement-design ON YOUR DEVICE

Scan to open on your device
QR code for figma-implement-design Opens skill content in Expo Go
COMMAND
/figma-implement-design
CATEGORY
Development
REPOSITORY
openai/skills
COMMIT

SKILL PROMPT