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

TopRank Skills

Home / Skills / tools / figma-implement-design

figma-implement-design

maintained by openai

star 13.6k account_tree 764 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). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

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 openai/figma-implement-design

chat Comments (0)

chat_bubble_outline

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

Skill Details

GitHub Stars 13.6k
GitHub Forks 764
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.