# 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.

- **Type:** Skill
- **Install:** `agentstack add skill-sarveshsea-design-skills-figma-code-connect`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [sarveshsea](https://agentstack.voostack.com/s/sarveshsea)
- **Installs:** 0
- **Category:** [Content & Media](https://agentstack.voostack.com/c/content-and-media)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [sarveshsea](https://github.com/sarveshsea)
- **Source:** https://github.com/sarveshsea/design-skills/tree/main/skills/figma-code-connect
- **Website:** https://www.memoire.cv/notes/community/

## Install

```sh
agentstack add skill-sarveshsea-design-skills-figma-code-connect
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# 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.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [sarveshsea](https://github.com/sarveshsea)
- **Source:** [sarveshsea/design-skills](https://github.com/sarveshsea/design-skills)
- **License:** MIT
- **Homepage:** https://www.memoire.cv/notes/community/

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-sarveshsea-design-skills-figma-code-connect
- Seller: https://agentstack.voostack.com/s/sarveshsea
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.