🎯

figma-generate-design

🎯Skill

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

What it does

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.

📦

Same repository

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

figma-generate-design

Installation

Vibe Index InstallInstalls to .claude/skills/

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

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

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

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

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

SKILL.md

53Installs

AddedMay 13, 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-use🎯Skill

Skill

🎯

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