Skills
.Work. You
Rest

generate-figma

Community

Generate or update Figma designs with the MCP.

Design & Creative#automation#workflow#design#figma#generate
Authorryanallen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates generation and updating of Figma designs via the Figma Console MCP, enabling faster design iterations and handoffs.

Core Features & Use Cases

  • Generate new designs in a Figma file using a provided file URL and optional node target.
  • Update existing design elements by leveraging the Figma Console MCP endpoints.
  • Retrieve capture IDs and endpoints for capture flows to integrate with other steps (e.g., page capture).
  • Use Case: A designer can programmatically spin up a new design in a file and apply updates across multiple nodes from a single command.

Quick Start

Provide a Figma file URL and optional node ID, then issue a command to generate or update the design using the Figma Console MCP.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: generate-figma
Download link: https://github.com/ryanallen/Studio/archive/main.zip#generate-figma

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.