skills.rest
artosetrov
artosetrovCOMMUNITY
Explore all skills by this author →
GitHub

edit-figma-design

Convert natural-language design prompts into Figma authoring tasks.

Updated Mar 5, 2026
Search Tags:#design#figma#nlp#authoring#design-system#mockup
One-click install
npx skills add https://github.com/artosetrov/iron-fist-arena-backend --skill edit-figma-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/artosetrov/iron-fist-arena-backend/tree/main/.claude/skills/edit-figma-design
Command: npx skills add https://github.com/artosetrov/iron-fist-arena-backend --skill edit-figma-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables designers and product teams to turn natural-language prompts into actionable Figma work by authoring or updating files through an MCP integration, reducing handoff delays.

Core Features & Use Cases

  • Create new screens, flows, components, or wireframes in Figma from text descriptions.
  • Iterate on existing Figma files by applying feedback and refining layouts directly in Figma.
  • Align designs to an existing design system or component library and enforce tokens, typography, and spacing conventions.

Quick Start

Describe the design goal and specify whether to start a new Figma file or edit an existing one, and I will begin authoring in Figma.

Frequently Asked Questions about edit-figma-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create Figma designs from text descriptions?▼

To create Figma designs from text, provide a natural-language prompt describing your design goal. The skill translates this into actionable Figma authoring tasks, generating new screens, flows, or components directly in the file.

How do I update an existing Figma file using natural language?▼

To update an existing Figma file, specify it as your destination and provide text feedback. The skill applies your prompts to iterate on layouts and refine components directly within the current file structure.

Do I need an MCP server connection to author Figma mockups from text?▼

Yes, authoring Figma mockups from text requires an active Figma MCP server connection. This integration allows the skill to resolve files, search libraries, and execute incremental design edits directly within Figma.

Can I align new Figma components to an existing design system using text prompts?▼

Yes, you can align new Figma components to an existing design system using text prompts. The skill searches your component library to enforce design tokens, typography, and spacing conventions during the authoring process.

What is the best way to automate wireframe creation in Figma?▼

Automating wireframe creation in Figma is best achieved by describing your layout requirements in natural language. The skill translates your text into structured workflow actions, authoring wireframes from scratch without manual drawing.

What are the limitations of editing Figma designs through MCP?▼

Editing Figma designs through MCP requires explicit destination handling and a structured workflow for file resolution. Limitations include the dependency on an active MCP server connection and the need for incremental edits to manage complex layout updates.

Related Skills

Explore More Design & Creative Skills→
HeartcoolmanHeartcoolman
88

edit-figma-design

Convert natural-language product descriptions into Figma designs via the Figma MCP server.

Community
Advanced
ginkidaginkida
20

figma-expert

Guide design teams in building scalable Figma design systems with token-driven theming.

Community
Advanced
TheBushidoCollectiveTheBushidoCollective
187

eslint-custom

Automate creation and publishing of custom ESLint rules and plugins.

Official
Advanced
terzigoluterzigolu
37

edit-figma-design

Create or update Figma designs from natural-language descriptions.

Community
Advanced