skills.rest
warpdotdev
warpdotdevOFFICIAL
Explore all skills by this author →
WebsiteGitHub

edit-figma-design

Create or modify Figma designs from natural-language prompts.

64.1k|5.4k|Updated Jul 8, 2021
Search Tags:#design#collaboration#figma#nlp#design-system#wireframe#mockup
One-click install
npx skills add https://github.com/warpdotdev/warp --skill edit-figma-design-warpdotdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/warpdotdev/warp/tree/main/resources/bundled/mcp_skills/figma/edit-figma-design
Command: npx skills add https://github.com/warpdotdev/warp --skill edit-figma-design-warpdotdev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create or update Figma designs directly from natural-language descriptions, reducing manual drafting time and ensuring alignment with product intent.

Core Features & Use Cases

  • Create new Figma files or update existing ones from a textual brief.
  • Reuse design-system tokens and components by referencing project context.
  • Iterate on wireframes, mockups, flows, or components based on textual feedback.

Quick Start

Describe the design you want 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 mockups from text prompts?▼

Yes, you can update existing Figma files from text by providing iterative textual feedback on current wireframes, mockups, or components. The system modifies the design directly in Figma while aligning output with your established design system tokens.

Do I need a Figma MCP server to generate wireframes from text?▼

The best way to refine Figma components from text is to provide specific natural-language feedback describing the desired enhancements. The system applies these iterative changes directly to your existing Figma files, ensuring alignment with your project context and design system.

Can I reuse design system tokens when creating Figma designs from a textual brief?▼

Yes, you can reuse design system tokens when creating Figma designs by referencing project context within your textual brief. This ensures the generated visual artifacts maintain consistency with your established component library and design standards.

What are the limitations of generating Figma visuals from natural language?▼

Limitations of generating Figma visuals from natural language include the dependency on a connected Figma MCP server and an accessible destination file. Complex visual artifacts may require multiple iterative text prompts to achieve precise alignment with intricate design system components.

Related Skills

Explore More Design & Creative Skills→
PytaichukBohdanPytaichukBohdan

edit-figma-design

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

Community
Intermediate
drt0927drt0927
5

plan-design-review

Generate visual mockups and design critique from PLAN documents.

Community
Advanced
kaikunnnnkaikunnnn

design

Map Figma design nodes to Tailwind CSS tokens and component structures.

Community
Advanced
terzigoluterzigolu
37

edit-figma-design

Create or update Figma designs from natural-language descriptions.

Community
Advanced