🎯

figma-code-connect

🎯Skill

from figma/dev-mode-mcp-server-guide

What it does

Official Figma MCP server guide that brings Figma into AI coding workflows, enabling agents to generate code from selected frames and write native Figma content directly to the canvas.

📦

Same repository

figma/dev-mode-mcp-server-guide(9 items)

figma-code-connect

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add figma/dev-mode-mcp-server-guide --skill figma-code-connect

skills.sh Install⚠ Installs to .agents/skills/

npx skills add figma/dev-mode-mcp-server-guide --skill figma-code-connect

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/figma-code-connect/SKILL.md

SKILL.md

55Installs

AddedMay 12, 2026

View on GitHub Back to Skills

More from this repository8

🎯

figma-use🎯Skill

Skill

🎯

figma-generate-design🎯Skill

The Figma MCP server brings design information and context from Figma files directly into AI agent workflows, enabling code generation from designs with support for reading design data and writing to Figma files.

🎯

figma-generate-diagram🎯Skill

A guide and skill set for the Figma MCP server, which brings Figma design context directly into AI agent workflows, enabling reading design data and writing to the canvas from coding tools.

🎯

figma-generate-library🎯Skill

Skill

🎯

figma-use-figjam🎯Skill

Skill

🎯

figma-create-new-file🎯Skill

Skill

🎯

figma-use-slides🎯Skill

Skill

🎯

figma-swiftui🎯Skill

Skill