edit-figma-design

Translate natural-language design requests into Figma MCP actions.

Updated Apr 30, 2026

Search Tags:#design #collaboration #figma #mcp #design-system #wireframe #mockup

Ready to run

npx skills add https://github.com/lalaABC/waprcn --skill edit-figma-design-lalaabc

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/lalaABC/waprcn/tree/main/resources/bundled/mcp_skills/figma/edit-figma-design
Command: npx skills add https://github.com/lalaABC/waprcn --skill edit-figma-design-lalaabc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables creating or updating Figma designs directly from natural language descriptions, reducing back-and-forth and ensuring alignment with product goals. It can start from a blank canvas or modify an existing file, integrating with Warp's MCP tooling.

Core Features & Use Cases

Design from description: Generate new screens, components, or flows directly in Figma from textual input.
Iterative editing: Update an existing Figma file based on user feedback or textual changes.
Workflow integration: Coordinate with Figma MCP server, search design system assets, and apply consistent typography and tokens across designs.

Quick Start

Describe the design you want in plain language and I will create or update the Figma file accordingly.

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?▼

Creating Figma designs from text involves translating natural-language requests into Figma MCP actions to generate or modify design files. This skill orchestrates operations like search_design_system and create_new_file to match design intent.

Can I update an existing Figma file using natural language?▼

Yes, updating an existing Figma file using natural language is supported. The skill performs iterative editing by applying textual changes or user feedback directly to the file via Figma MCP operations.

Do I need an authenticated Figma MCP server to generate mockups?▼

Yes, generating mockups requires an authenticated Figma MCP server connection. The skill needs this active server linkage to orchestrate design generation and ensure safe handling of design tokens and assets.

How does the Figma MCP search_design_system function work?▼

The search_design_system function queries the connected Figma MCP server for existing assets. This allows the design generation process to integrate and apply consistent typography and design tokens across new mockups.

What are the limitations of authoring Figma wireframes from text?▼

Authoring Figma wireframes from text is limited by the active Figma MCP server connection and safe handling constraints of design tokens. Complex intent may require breaking down requests into smaller iterative textual modifications.