edit-figma-design

Create and update Figma designs from natural-language descriptions via MCP.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/89jobrien/warpx --skill edit-figma-design-89jobrien
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/89jobrien/warpx/tree/main/resources/bundled/mcp_skills/figma/edit-figma-design
Command: npx skills add https://github.com/89jobrien/warpx --skill edit-figma-design-89jobrien

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating or updating Figma designs from natural-language descriptions to accelerate ideation and iteration without manual design drafting.

Core Features & Use Cases

  • Create new screens, flows, components, and frames from textual input.
  • Update existing Figma files with feedback and incremental changes while preserving design system alignment.
  • Iterate designs rapidly by describing layout, typography, and tokens and generating a ready-to-edit Figma artifact.

Quick Start

Describe the requested design in natural language to create or update a Figma file using the connected Figma MCP server.

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 natural language descriptions?▼

You can create Figma designs from natural language by describing the requested screens, flows, or components to generate ready-to-edit artifacts using stepwise editor actions via a connected Figma MCP server.

Can I update existing Figma files with textual feedback?▼

Yes, you can update existing Figma files with textual feedback to apply incremental changes while preserving design system alignment across pages, frames, components, and styles.

Do I need an active Figma MCP server connection to author designs?▼

Yes, an active Figma MCP server connection is required to author and update designs, as the process uses stepwise editor actions to create pages, frames, and components from your input.

What is the best way to iterate wireframes and design systems in Figma?▼

The best way to iterate wireframes and design systems in Figma is by describing layout, typography, and tokens in natural language to rapidly generate and refine ready-to-edit artifacts.

Does generating Figma components from text preserve design system alignment?▼

Yes, generating Figma components from text preserves design system alignment by applying incremental changes and updates to existing files based on your textual feedback.