figma-implement-design | Skill Performance & Reviews | TopRankSkills

TopRank Skills

Home / Skills / tools / figma-implement-design

figma-implement-design

maintained by tech-leads-club

star 1.7k account_tree 168 verified_user MIT License
bolt View GitHub

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). Use when the user provides Figma URLs or node IDs and asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection. Do NOT use for general Figma data fetching, variable exploration, or MCP troubleshooting (use figma instead).

Key Features

  • Comprehensive skill evaluation and performance tracking
  • Community-driven ratings and reviews
  • Easy integration with Claude Code
  • Regular updates and maintenance

Quick Start

TopRank Skills install tech-leads-club/figma-implement-design

chat Comments (0)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!

Skill Details

GitHub Stars 1.7k
GitHub Forks 168
Created Mar 2026
Last Updated 3个月前
tools tools productivity tools

Related Skills

planning-with-files
chevron_right
agent-browser
chevron_right
notebooklm
chevron_right
gamma
chevron_right
google-drive
chevron_right

Build your own?

Join 12,000+ developers contributing to the Claude ecosystem.