with one click
implementing-design
// Comprehensive design-to-code implementation skill covering general design principles, Figma MCP integration, and Figma UI design workflows. General: design system integration, visual parity validation, responsive implementation, accessibility. Figma MCP (13 tools): basic/advanced workflows (Figma Make, Code Connect, Design System Rules, design token sync), visual validation. Figma UI design: wireframe→prototype→detailed design→handoff workflow, 8pt grid, component-driven design, UIStack (5 states), style naming conventions, engineer collaboration. Use when implementing designs from any source (screenshots, mockups, Figma URLs, specs) or when designing mobile UI in Figma and preparing design handoff. Requires Figma MCP server for Figma-specific code generation workflows. For design system architecture and organizational adoption strategy, use building-design-systems instead.
