Sponsor

Figma Design to Code

Turn Figma frames into matching code

View SKILL.md

About

Figma's rules for turning a frame into production code through the Figma MCP server: start from a screenshot, reuse your existing components and Code Connect mappings, download every asset and verify the result against the design.

Install

Works with Claude Code, Cursor, Gemini CLI

Trust score

52

Scored from what the skill's own files let it do. How it works

  • No bundled scripts
  • No shell commands
  • Writes files in your project
  • Uses the network
  • Asks for credentials

Depends on the Figma MCP server, which requires signing in to Figma, and downloads design assets into your project. No scripts or shell commands.

Reviewed from source on Oct 15, 2026. Read the files yourself before installing.

More Design skills

All skills