implementing-design

star 1

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.

By sumik5 schedule Updated 6/7/2026

play_arrow Run Skill in Manus View GitHub

Skill instructions (SKILL.md) could not be loaded from local cache or raw GitHub repository.

Install via CLI

npx skills add https://github.com/sumik5/sumik-claude-plugin --skill implementing-design

Repository Details

star Stars 1

call_split Forks 0

navigation Branch main

article Path SKILL.md