skills.rest
terzigolu
terzigoluCOMMUNITY
Explore all skills by this author →
GitHub

edit-figma-design

Create or update Figma designs from natural-language descriptions.

37|1|Updated Apr 28, 2026
Search Tags:#design#figma#mcp#nlp#design-system#wireframe
One-click install
npx skills add https://github.com/terzigolu/warp-lite --skill edit-figma-design-terzigolu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/terzigolu/warp-lite/tree/main/resources/bundled/mcp_skills/figma/edit-figma-design
Command: npx skills add https://github.com/terzigolu/warp-lite --skill edit-figma-design-terzigolu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables users to create or update Figma designs directly from natural-language descriptions, reducing manual setup and iterations by translating text into draft designs that can be refined in a live file.

Core Features & Use Cases

  • Generate new screens, flows, components, or wireframes from a written brief and align them to an existing design system.
  • Iterate and refine an existing Figma file by applying feedback described in natural language, with incremental updates via small, verifiable steps.
  • Integrate with a connected Figma MCP server to resolve the destination file, search design libraries, and apply changes through controlled actions.

Quick Start

Describe the design you want in natural language and generate a Figma draft.

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

Generate Figma wireframes from natural language by describing your layout requirements and component needs in a text prompt. The Skill drafts the design and aligns it with available design system tokens and libraries.

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

Yes, you can refine an existing Figma file by describing feedback in natural language. The Skill resolves the destination file, searches connected design libraries, and applies incremental updates through small, controlled actions.

Does generating Figma designs from text require a connected MCP server?▼

Yes, generating Figma designs from text requires a connected Figma MCP server. The server integration allows the Skill to resolve the destination file, search design libraries, and apply controlled incremental edits.

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

The best way to align new Figma screens with an existing design system is to generate them from a text brief while leveraging available design tokens and libraries. The Skill searches connected libraries and applies system components during generation.

What are the limitations of using text prompts for Figma design generation?▼

Limitations of using text prompts for Figma design generation include relying on a connected MCP server for file resolution and controlled actions. The Skill applies incremental edits to produce draft designs that require further live refinement.

Related Skills

Explore More Design & Creative Skills→
artosetrovartosetrov

edit-figma-design

Convert natural-language design prompts into Figma authoring tasks.

Community
Advanced
takapomtakapom

figma

Extract Figma design data and generate React Native components and design tokens.

Community
Advanced
pawan0631pawan0631

figma-implement-design

Convert Figma design specifications into production-ready UI code.

Community
Advanced
daffy0208daffy0208
34

Figma Developer

Convert Figma designs into React components and design tokens.

Community
Intermediate