# Figma Code Connect

> Route a Figma Code Connect request to Figma's current official workflow and documentation without reproducing upstream instructions. Use when mapping published Figma components to code implementations requires the official Figma MCP integration.

- Skill: `memi-design/figma-code-connect` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add memi-design/figma-code-connect`
- Raw SKILL.md: https://api.skillmd.com/api/skills/memi-design/figma-code-connect/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: memi-design (https://skillmd.com/u/memi-design)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/memi-design/figma-code-connect

---


# Figma Code Connect Router

This repository does not redistribute Figma's workflow text. Use this router to locate and invoke the official resource.

## Procedure

1. Confirm that the user wants Code Connect mapping rather than canvas creation or design-to-code implementation.
2. Confirm that the connected client exposes the required official Figma MCP and Code Connect capabilities.
3. Load Figma's current `figma-code-connect-components` skill from the official MCP guide distribution.
4. Follow the official workflow and current plan, permission, publishing, and mapping requirements.
5. Record the official source revision or access date used for the work.
6. If the official skill is unavailable, provide the source link and stop before inventing tool calls or mutating mappings.

Official source: [Figma MCP Server Guide](https://github.com/figma/mcp-server-guide)

Return the mappings created or reviewed, validation evidence, unresolved prerequisites, and the official source used.