Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Figma MCP
Use the Figma MCP server for Figma-driven implementation. For setup and debugging details (env vars, config, verification), see `references/figma-mcp-config.md`.
## Figma MCP Integration Rules
These rules define how to translate Figma inputs into code for this project and must be followed for every Figma-driven change.
### Required flow (do not skip)
1. Run get_design_context first to fetch the structured representation for the exact node(s).
2. If the response is too large or truncated, run get_metadata to get the high-level node map and then re-fetch only the required node(s) with get_design_context.
3. Run get_screenshot for a visual reference of the node variant being implemented.
4. Only after you have both get_design_context and get_screenshot, download any assets needed and start implementation.
5. Translate the output (usually React + Tailwind) into this project's conventions, styles and framework. Reuse the project's color tokens, components, and typography wherever possible.
6. Validate against Figma for 1:1 look and behavior before marking complete.
### Implementation rules
…
The line at the top of this page pins the label git:20260422.d32735f, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
A 17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (3170 bytes)
pass: No zero-width or bidi control characters
pass: No instruction hidden inside an HTML comment
pass: No link to an exfiltration or paste host
pass: No credential-shaped string
pass: No instruction to send local credentials anywhere
pass: No text hidden with inline styles
pass: No prompt-injection phrasing
pass: No curl or wget piped into a shell
pass: No recursive delete of root, home or parent
pass: No instruction to read or print local credentials
pass: No base64 blob over 200 characters
pass: No link to a raw IP address
pass: No script tag
Source
GitHub
letta-ai/skills · 152 stars · license a license file GitHub does not identify · pushed 2026-10-01 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_3kiihbwcj2vmvuc5
GET https://markdownregistry.com/api/v1/resolve?ref=letta-ai/skills/figma
GET https://markdownregistry.com/api/v1/blob/5b11f7c8d0ce4c047b401323e7b8fe6559bd3162a3397bf5248634a5444609d5
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
letta-ai/skills · letta/conversations/SKILL.md · Guide for using the Letta Conversations API to manage isolated message threads on agents. Use when building multi-user…
letta-ai/skills · letta/creating-letta-code-channels/SKILL.md · Builds and debugs Letta Code channels, including first-party channel adapters and dynamic user channel plugins under…
letta-ai/skills · letta/fleet-management/SKILL.md · Manage Letta AI agent fleets declaratively with kubectl-style CLI. Use when creating, updating, or managing multiple…
letta-ai/skills · letta/importing-chatgpt-memory/SKILL.md · Clone ChatGPT saved memory into Letta, then optionally enrich it with broader conversation history. Designed for a…
letta-ai/skills · letta/letta-configuration/SKILL.md · Configure LLM models and providers for Letta agents and servers. Use when setting model handles, adjusting…
letta-ai/skills · letta/navigating-chatgpt-history/SKILL.md · Navigates archived ChatGPT or Claude-style conversation exports and a MemFS reference archive on demand. Use when…
letta-ai/skills · letta/setting-profile-images/SKILL.md · Sets Letta Desktop and Letta Code agent profile images by writing profile.png into an agent MemFS repository. Use when…
letta-ai/skills · meta/skill-development/SKILL.md · Create and contribute skills to the communal knowledge base. Use when creating new skills, updating existing skills, or…
letta-ai/skills · tools/1password/SKILL.md · Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or…
heygen-com/hyperframes · skills/figma/SKILL.md · Bring Figma into a HyperFrames video - rendered assets, brand tokens, components, storyboard frames as reconstructed…
tech-leads-club/agent-skills · packages/skills-catalog/skills/(design)/figma/SKILL.md · Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma…
seaworld008/commonly-used-high-value-skills · openclaw-skills/figma/SKILL.md · Fetch Figma design context, variables, screenshots, and assets through MCP when working from Figma URLs or node IDs, or…
vodailocz/kilo-kit-mcp · skills/design/figma/SKILL.md · Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma…
ulises-jeremias/agent-toolkit · plugins/agent-toolkit-complete/.opencode/skills/figma/SKILL.md · Use the Figma MCP server to fetch design context, screenshots, variables, and assets, and
