Warp Figma Skills
https://github.com/warpdotdev/figma-skills- Category
- AI Agents
- Rank
- No. 1637Tools index
Previous survey · No. 1643 ·
- Pricing
- Open Source
- Type
- TOOL
- Builder
- warpdotdev
- GitHub
- 17 stars
- Date
About
Collection of skills that make the Figma MCP easier to use inside Warp's terminal and Oz coding agent.
What it does
It turns written interface requests into structured Figma authoring workflows. The agent resolves a destination, checks reusable design-system assets, builds layouts in small stages, inspects each result, and returns the design link for further revision.
Why it's ranked here
The guidance is unusually operational for a small prompt package. It defines routing boundaries, prerequisites, failure handling, and a disciplined edit sequence. Its value depends on Warp or Oz plus a connected Figma MCP server, and the supplied repository text documents only one authoring workflow.
What's good
The skill prevents several common mistakes. It resolves the target file before searching, asks instead of guessing when several plans exist, searches reusable components and styles before recreating them, and favors small inspected edits over one large script. It also separates text-driven design, page capture, and code implementation.
Tradeoffs
This is workflow guidance, not a standalone design tool. It requires an accessible Figma MCP connection and specific authoring capabilities. The documented skill does not capture running pages, generate production code, or merely inspect existing Figma content. New-file creation may also pause when the authenticated user has several plans.
How to use it well
Use it for product teams that want an agent to create or revise Figma screens from written requirements, especially when an existing library or codebase should shape the result. Give it the destination and design constraints early. Pair it with separate workflows for webpage capture, context-only inspection, and production implementation.
Technical notes+
The repository installs by copying .agents into a home or project directory, as stated in README.md. The supplied .agents/.skills/edit-figma-design/SKILL.md uses YAML front matter to declare the skill and its Figma MCP dependency. Its ordered workflow verifies search_design_system, create_new_file, and use_figma; resolves a fileKey; optionally calls whoami; searches libraries before authoring; and performs incremental use_figma edits with inspection between steps. LICENSE contains the MIT license.
Observed
- License
- MIT License
- Packaging
- Agent skill defined in Markdown with YAML front matter
- Installation surface
- Copy the .agents folder into a home directory or project directory
- Interface
- Requires a connected Figma MCP server
- Supported agent environments
- Documented for Warp and Oz
- Documented scope
- Text-driven creation and revision of Figma designs
Read from README.md, LICENSE, .agents/.skills/edit-figma-design/SKILL.md.
What it can do
Connect Figma to terminal environment
Figma project or file reference → Terminal-accessible Figma connection
Execute Figma operations from command line
Terminal commands and Figma parameters → Figma design modifications or data
Integrate Figma with Oz coding agent
Design specifications and coding context → Automated code generation from designs
Access Figma design data through MCP protocol
Figma file IDs or design references → Structured design data and assets
Streamline design-to-code workflow
Figma designs and development requirements → Simplified development process integration
Tags
Comments (0)
No comments yet
Editorially curated, with community endorsements as a secondary signal. Corrections welcome.