Skills
.Work. You
Rest

designer-figma

Community

Generate or update Figma designs.

Design & Creative#automation#design#ui#figma#mcp#ux
Authorryanallen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of generating or updating designs within Figma, streamlining the design workflow and reducing manual effort.

Core Features & Use Cases

  • Design Generation: Create new designs directly in Figma based on provided parameters.
  • Design Updates: Modify existing Figma designs programmatically.
  • Capture Flow Integration: Obtain necessary IDs and endpoints for design capture processes.
  • Use Case: A product manager needs to quickly visualize a new feature. They can use this skill to generate a basic wireframe in Figma based on a description, which a designer can then refine.

Quick Start

Use the designer-figma skill to generate a new design in the specified Figma file using the provided file URL and node ID.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: designer-figma
Download link: https://github.com/ryanallen/product-studio/archive/main.zip#designer-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 223,000+ vetted skills library on demand.