skills.rest
PytaichukBohdan
PytaichukBohdanCOMMUNITY
Explore all skills by this author →
GitHub

edit-figma-design

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

Updated Mar 25, 2026
Search Tags:#workflow#design#figma#design-system#wireframe#mockup
One-click install
npx skills add https://github.com/PytaichukBohdan/figma_board_connection --skill edit-figma-design-pytaichukbohdan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edit-figma-design
Source: https://github.com/PytaichukBohdan/figma_board_connection/tree/main/.claude/skills/edit-figma-design
Command: npx skills add https://github.com/PytaichukBohdan/figma_board_connection --skill edit-figma-design-pytaichukbohdan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing and updating Figma designs directly from natural-language prompts can be time-consuming and error-prone when done manually. This skill streamlines authoring by combining search-based exploration with direct file editing, enabling rapid ideation and iteration.

Core Features & Use Cases

  • Natural-language to design authoring: search libraries, create new screens, flows, components, or mockups, and iterate from textual feedback.
  • Align designs to an existing design system or product vocabulary, ensuring consistency across files.
  • Start from a blank file or edit an existing Figma file when changes are described.

Quick Start

Describe the design you want and specify whether to create a new file or edit an existing one.

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 a Figma design from a text prompt?▼

You can create Figma designs from text prompts by using this skill with the Figma MCP server to translate natural-language descriptions into new screens, flows, or mockups directly within your destination file.

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

Yes, you can update an existing Figma file using natural language by specifying the file as your destination and describing the changes, which the Figma MCP server then applies to iterate on your design.

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

Yes, a connected Figma MCP server is a prerequisite to generate mockups from text, along with a destination file and optional Warp-assisted context for aligning with your design system.

What is the best way to align text-generated Figma screens with a design system?▼

To align text-generated Figma screens with a design system, you can use optional Warp-assisted context to ensure the natural-language authoring process matches your existing product vocabulary and design libraries.

Does Figma MCP support searching component libraries during wireframe generation?▼

Yes, Figma MCP supports searching libraries during wireframe generation, allowing you to find existing components and mockups while authoring new design flows directly from your natural-language input.

Related Skills

Explore More Design & Creative Skills→
HeartcoolmanHeartcoolman
88

edit-figma-design

Convert natural-language product descriptions into Figma designs via the Figma MCP server.

Community
Advanced
codesour-designcodesour-design

source-command-handoff-figma

Convert product flow requirements into structured Figma handoff designs.

Community
Advanced
OniroHuaverOniroHuaver
30

warp-ui-guidelines

Provide UI development guidelines for the Warp client.

Community
Intermediate
lapc506lapc506
4

Figma Dev Mode Integration

Extract assets and generate Flutter UI components from Figma designs.

Community
Intermediate