skills.rest
Luohao-Yan
Luohao-YanCOMMUNITY
Explore all skills by this author →
GitHub

edit-figma-design

Convert natural language descriptions into Figma design files via MCP.

6|Updated May 10, 2026
Search Tags:#ui/ux#figma#iterative design#design collaboration#text-to-design
One-click install
npx skills add https://github.com/Luohao-Yan/warp-cn --skill edit-figma-design-luohao-yan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/Luohao-Yan/warp-cn/tree/main/resources/bundled/mcp_skills/figma/edit-figma-design
Command: npx skills add https://github.com/Luohao-Yan/warp-cn --skill edit-figma-design-luohao-yan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires figma-mcp, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of manually designing Figma components or layouts, allowing users to create or update designs through simple text descriptions, saving time and enabling more seamless collaboration.

Core Features & Use Cases

  • Text-to-Design Conversion: Turn written descriptions into Figma designs.
  • Iterative Design Feedback: Incorporate textual feedback into existing Figma files.
  • Use Case: Imagine you want to refine a new feature's UI in Figma. By using this skill, you can describe the desired changes in text and have the design updated automatically.

Quick Start

Describe the design changes you want in text and let the skill update the Figma file 'feature-design.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 convert natural language text into a Figma design file?▼

To convert natural language text into a Figma design file, you provide written descriptions that the skill processes to automatically generate or update components. This requires connecting to a Figma MCP server to apply the modifications directly.

Can I update existing Figma designs using text descriptions?▼

Yes, you can update existing Figma designs by providing textual feedback. The skill supports iterative design workflows, allowing you to describe desired UI changes and have the specific Figma file updated automatically.

Do I need a Figma MCP server connection to edit designs with text?▼

Yes, a Figma MCP server connection is required. The skill relies on this connection to execute design creation and modification commands within the Figma ecosystem, ensuring your text descriptions are accurately applied.

What is the best way to handle iterative UI design feedback in Figma?▼

The best way to handle iterative UI design feedback in Figma is by using text-to-design conversion. You describe the desired refinements for a feature's UI in natural language, and the system automatically incorporates those updates into your file.

Does text-to-design conversion work for Figma collaboration workflows?▼

Text-to-design conversion works for Figma collaboration workflows by allowing team members to suggest design updates through simple text descriptions. This enables more seamless collaboration by automatically applying textual feedback to shared files.

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
KentoShimizuKentoShimizu
7

figma-handoff

Generate engineering-ready handoff packages from approved Figma designs.

Community
Intermediate
openaiopenai
24.7k

figma-use

Execute JavaScript via the Figma Plugin API to automate design operations.

Official
Advanced
robotostudiorobotostudio
172

portable-text-conversion

Convert HTML and Markdown content into Portable Text blocks for Sanity.

Official
Advanced