Skill · Official

implement-design

Officialmcpdirectory↓ 19

Translates Figma designs into production-ready code with 1:1 visual fidelity.

Install
$ npx skills add figma/mcp-server-guide --skill implement-design

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • 19 installs reported on mcpdirectory.
  • Published by figma — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Official

  • scientific-problem-selection — This skill should be used when scientists need help with research problem selection, project ideation, trouble
  • sql-queries — Write correct, performant SQL across all major data warehouse dialects (Snowflake, BigQuery, Databricks, Postg
  • markdown-to-html — Convert Markdown files to HTML similar to `marked.js`, `pandoc`, `gomarkdown/markdown`, or similar tools; or w
  • task-management — Simple task management using a shared TASKS.md file. Reference this when the user asks about their tasks, want
  • agent-identifier — This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent
  • streamdown — Implement, configure, and customize Streamdown — a streaming-optimized React Markdown renderer with syntax hig

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.