Implement Design

Overview

This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.

Skill Boundaries

• Use this skill when the deliverable is code in the user's repository.
• Use figma first for general MCP setup, design-context retrieval, screenshots, variables, and asset guidance.
• When the requested Figma operation is not covered by either local skill, inspect the active host's Figma tools and use only the operations actually exposed there.
• Do not refer to optional upstream companion skills as installed unless they are present in the current catalog.

Prerequisites