This is the workflow you want when a designer drops a Figma URL in chat and expects working code back. It enforces a seven-step process: parse the URL, fetch design context via the Figma MCP server, grab screenshots, pull assets, map everything to your existing design tokens, write the code, then validate pixel-perfect parity. The smart bit is that it prioritizes reusing your design system over creating new components, which means less drift between Figma and production. It handles truncated responses by fetching child nodes incrementally when designs get complex. Requires the Figma MCP server to be running, and you need to feed it proper Figma URLs with file keys and node IDs, not just any link.
npx skills add https://github.com/figma/mcp-server-guide --skill implement-design