skills.rest
dabowman
dabowmanCOMMUNITY
Explore all skills by this author →
GitHub

figma-plugins

Develops and deploys Figma plugins using the official Plugin API and manifest configuration.

Updated Mar 5, 2026
Search Tags:#figma#plugin development#api integration#design automation#ui development
One-click install
npx skills add https://github.com/dabowman/Figmagent --skill figma-plugins
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-plugins
Source: https://github.com/dabowman/Figmagent/tree/main/skills/figma-plugins
Command: npx skills add https://github.com/dabowman/Figmagent --skill figma-plugins

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive toolkit for developing and deploying Figma plugins, enabling you to create interactive designs, manipulate elements, and integrate external services with ease.

Core Features & Use Cases

  • Plugin Development: Full access to the Figma Plugin API for building interactive UI components, handling node operations, and utilizing various editing features.
  • Manifest Configuration: Create manifests with necessary configurations, permissions, and capabilities.
  • UI Development: Develop UIs with HTML/CSS/JS, leveraging browser APIs and React for dynamic elements.
  • Use Case: If you are a designer looking to extend the capabilities of Figma for your design workflows, this skill is essential. It allows you to create plugins that enhance your design process by adding new tools, functionalities, and integrations.

Quick Start

Run the 'figma-plugins' skill to initiate the plugin development environment and create your first Figma plugin.

Frequently Asked Questions about figma-plugins

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

FAQPage Schema
How do I develop Figma plugins with full API access for design automation?▼

To develop Figma plugins with full API access, you need a local relay for development and Figma plugin access to manipulate designs, generate content, and integrate with external services.

What's the best way to build interactive UI components in Figma plugins?▼

Building interactive UI components in Figma plugins involves developing UIs with HTML, CSS, and JavaScript, leveraging browser APIs and React for dynamic elements within the plugin environment.

Can I integrate external services and APIs into my Figma plugin?▼

Yes, you can integrate external services into your Figma plugin by utilizing the Figma Plugin API to manipulate designs, generate content, and connect with external services through a local relay.

How do I configure manifest permissions and capabilities for a Figma plugin?▼

Configuring manifest permissions for a Figma plugin requires creating manifests with the necessary configurations, permissions, and capabilities to define the plugin's access and editing features.

Do I need a local relay to develop and deploy Figma plugins?▼

Yes, a local relay is required for Figma plugin development and deployment, serving as the necessary environment to utilize the Figma Plugin API for node operations and content generation.

Related Skills

Explore More Software Engineering Skills→
al-steval-stev

atlassian-setup

Configure Atlassian API credentials for Jira and Confluence access.

Community
Intermediate
tankpkgtankpkg
1

@tank/figma-plugin

Guide Figma plugin development using the Plugin API and Dev Mode codegen.

Official
Advanced
aaymanasraraaymanasrar

figma-implement-design

Convert Figma design files into React components with Tailwind CSS.

Community
Advanced
Luohao-YanLuohao-Yan
6

figma-generate-library

Create code-based design systems in Figma with tokens and components.

Community
Advanced