skills.rest
thoreinstein
thoreinsteinCOMMUNITY
Explore all skills by this author →
GitHub

figma-design

Automate Figma design file operations using the Figma Plugin API.

3|Updated Dec 25, 2025
Search Tags:#automation#design#figma#metadata-extraction#web-browser#plugin-api#shape-creation
One-click install
npx skills add https://github.com/thoreinstein/agents --skill figma-design-thoreinstein
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-design
Source: https://github.com/thoreinstein/agents/tree/main/skills/figma-design
Command: npx skills add https://github.com/thoreinstein/agents --skill figma-design-thoreinstein

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design file operations in Figma can be repetitive and error-prone when done manually. This Skill enables automated manipulation and querying of Figma design files via the Figma Plugin API in a browser environment.

Core Features & Use Cases

  • Create shapes, modify properties, and extract information from Figma design files using the Plugin API.
  • Automate repetitive design tasks such as updating dimensions, aligning elements, and exporting metadata for documentation.
  • Use Case: When preparing design specs for handoff, automatically extract color tokens and layout data from a design file.

Quick Start

Open Figma's website in your browser and load a design file; then invoke Plugin API actions to create shapes, modify properties, or read information. The Skill will guide you through verifying access to the figma global object and executing the requested operations.

Frequently Asked Questions about figma-design

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

FAQPage Schema
How do I automate Figma design file operations using the Plugin API?▼

Automating Figma design files uses the Plugin API in a browser context to create shapes, modify properties, and extract metadata from loaded design files without external tooling.

Can I extract design tokens and layout metadata from Figma files?▼

Extracting design tokens and layout metadata from Figma files is supported by querying the design file to pull color tokens, dimensions, and content for design handoff documentation.

Do I need external tools to interact with the Figma Plugin API?▼

Interacting with the Figma Plugin API requires no external tools; it operates by accessing the figma global object directly within a loaded design file in your web browser.

What's the best way to automate repetitive design tasks like aligning elements in Figma?▼

Automating repetitive Figma tasks like aligning elements and updating dimensions is handled by executing Plugin API actions to modify properties programmatically across your design workflow.

How do I create shapes in Figma programmatically via the browser?▼

Creating shapes in Figma programmatically involves opening the Figma website in your browser, loading a file, verifying access to the figma global object, and invoking Plugin API shape creation actions.

Related Skills

Explore More Design & Creative Skills→
OniroHuaverOniroHuaver
30

figma-use

Automate Figma design operations via the Plugin API with JavaScript.

Community
Advanced
openyakopenyak
704

design-handoff

Generate structured markdown developer handoff specs from Figma URLs or design descriptions.

Official
Advanced
sayujks0071sayujks0071
1

browser-strategy-management

Automate OpenAlgo strategy toggling and API key configuration via browser automation.

Community
Advanced
TheQtCompanyRnDTheQtCompanyRnD
351

qt-figma-token-extraction

Extract Figma design tokens and generate QML singleton files for Qt 6 projects.

Official
Advanced