skills.rest
lalaABC
lalaABCCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/lalaABC/waprcn --skill edit-figma-design-lalaabc
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
cloudofgeorgecloudofgeorge

figma-implement-design

Translate Figma design specifications into production-ready UI code.

Community
Advanced
samjhechtsamjhecht
4

figma-design-workflow

Generate Figma mockups from wrangler UI specifications with approval tracking.

Community
Advanced
PytaichukBohdanPytaichukBohdan

edit-figma-design

Create and edit Figma designs from natural-language descriptions via the Figma MCP server.

Community
Intermediate
artosetrovartosetrov

edit-figma-design

Convert natural-language design prompts into Figma authoring tasks.

Community
Advanced