skills.rest
OniroHuaver
OniroHuaverCOMMUNITY
Explore all skills by this author →
GitHub

edit-figma-design

Convert natural language descriptions into Figma designs via API calls.

30|4|Updated May 3, 2026
Search Tags:#prototyping#design automation#UI design#Figma#text-to-design
One-click install
npx skills add https://github.com/OniroHuaver/openwarp --skill edit-figma-design-onirohuaver
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/OniroHuaver/openwarp/tree/main/resources/bundled/mcp_skills/figma/edit-figma-design
Command: npx skills add https://github.com/OniroHuaver/openwarp --skill edit-figma-design-onirohuaver

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the problem of manually creating and updating Figma designs, allowing users to generate or modify designs directly from text descriptions.

Core Features & Use Cases

  • Text-to-Design Conversion: Convert written product or UI descriptions into Figma designs.
  • Iterative Design: Refine or extend existing Figma files with textual feedback.
  • Design System Alignment: Align designs to existing design systems or product vocabularies.
  • Use Case: A user can describe a new screen layout or component in text, and the Skill will create it in Figma, making design iterations more efficient.

Quick Start

To create a new design in Figma from a text description, use the command: edit-figma-design "Design a mobile app homepage with a carousel and a list of featured products."

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 text to design in Figma?▼

Text-to-design conversion in Figma transforms natural language descriptions into visual UI layouts. By processing written product descriptions, this approach generates new screen layouts and components directly, making manual design creation more efficient.

Can I update existing Figma designs using text descriptions?▼

Yes, you can update existing Figma designs using text descriptions for iterative refinement. This allows you to extend or modify current Figma files by providing textual feedback, aligning designs to existing design systems without manual adjustments.

Do I need a Figma MCP server to automate UI design?▼

Yes, automating UI design requires a connected Figma MCP server and the ability to execute Figma API calls. This connection is necessary to handle design system assets and apply text-based modifications directly to your Figma files.

What is the best way to align new Figma layouts with an existing design system?▼

The best way to align new Figma layouts with an existing design system is using text-based design automation. By processing your design system assets and product vocabularies, it ensures generated components match your established UI standards automatically.

How does natural language processing handle iterative design updates in Figma?▼

Natural language processing handles iterative design updates by interpreting textual feedback to refine or extend Figma files. It processes user instructions to adjust UI components, allowing continuous design iteration without manual vector editing.

Related Skills

Explore More Design & Creative Skills→
alanharrryy-wqalanharrryy-wq
2

figma-implement-design

Translate Figma design specifications into production-ready code via the Figma MCP workflow.

Community
Advanced
vneseyoungstervneseyoungster
27

figma-analyzer

Extract design assets, metadata, and tokens from Figma files.

Community
Advanced
manushi4manushi4
11

design-figma

Create and edit Figma designs programmatically via browser automation.

Community
Advanced
SkylerCookSkylerCook

brainstorming

Guide structured brainstorming through context exploration, idea refinement, and design validation.

Community
Advanced