🎯

figma-generate-diagram

🎯Skill

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

What it does

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.

📦

Same repository

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

figma-generate-diagram

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add figma/dev-mode-mcp-server-guide --skill figma-generate-diagram

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

npx skills add figma/dev-mode-mcp-server-guide --skill figma-generate-diagram

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

~/.claude/skills/figma-generate-diagram/SKILL.md

SKILL.md

51Installs

AddedMay 14, 2026

View on GitHub Back to Skills

More from this repository8

🎯

figma-code-connect🎯Skill

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.

🎯

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-use🎯Skill

Skill

🎯

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