ui-figma

Route Figma design, creation, editing, and inspection tasks to appropriate skills.

Updated Jun 28, 2026
One-click install
npx skills add https://github.com/Mesteriis/Engineering-Bible-AI --skill ui-figma
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-figma
Source: https://github.com/Mesteriis/Engineering-Bible-AI/tree/main/skills/ui-figma
Command: npx skills add https://github.com/Mesteriis/Engineering-Bible-AI --skill ui-figma

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill simplifies the management of Figma workflows by routing tasks like creation, editing, and inspection to the appropriate Figma-related skills.

Core Features & Use Cases

  • Figma Workflow Routing: Automates the selection and execution of the correct Figma skill for a given task.
  • Code-Driven Figma Operations: Integrates with Figma API or design-system workflows through code-based commands.
  • Use Case: If you need to update a design system in Figma, use this Skill to route the task to the appropriate Figma skill like figma-generate-library.

Quick Start

Activate the ui-figma skill and provide the Figma task, such as 'generate design system', and it will route the task to the correct workflow.

Frequently Asked Questions about ui-figma

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Figma workflow routing for design system updates?

Figma workflow routing is automated by identifying your design, creation, editing, or inspection task and directing it to the appropriate Figma skill. This routing mechanism uses code-based operations to execute tasks via the Figma API or design-system workflows.

Can I manage Figma design tasks using code-driven commands?

Yes, you can manage Figma design tasks using code-driven commands. This approach integrates directly with the Figma API or design-system workflows, allowing you to execute creation and editing operations programmatically rather than manually.

What is the best way to route a Figma inspection task to the correct workflow?

The best way to route a Figma inspection task is to provide the specific task identifier to the workflow router. It analyzes the task type and automatically selects the appropriate Figma skill to handle the inspection via code-based interaction.

Do I need code-based interaction to execute Figma API tasks?

Yes, code-based interaction is required to execute Figma API tasks. The workflow routing mechanism relies on code-driven commands to integrate with Figma API or design-system workflows for task execution.

How does Figma workflow routing handle design system generation?

Figma workflow routing handles design system generation by identifying the generation request and routing it to a specialized Figma skill, such as one for generating libraries. This ensures the design system task uses the correct API workflow.

Are there limitations to using code-based Figma workflow automation?

The primary limitation of code-based Figma workflow automation is that it requires code interaction for task execution. It functions by routing identified tasks to specialized skills rather than acting as a standalone visual editor.