skills.rest
dr-code
dr-codeCOMMUNITY
Explore all skills by this author →
GitHub

figma-automation

Automate Figma workflows via MCP toolkit to manage files, components, design tokens, and exports.

Updated Mar 18, 2026
Search Tags:#automation#components#figma#mcp#workflows#toolkit#design-tokens
One-click install
npx skills add https://github.com/dr-code/beacon --skill figma-automation-dr-code
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-automation
Source: https://github.com/dr-code/beacon/tree/main/plugins/all-skills/skills/figma-automation
Command: npx skills add https://github.com/dr-code/beacon --skill figma-automation-dr-code

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates repetitive Figma workflows to streamline file management, component retrieval, and design-token/export pipelines across design projects.

Core Features & Use Cases

  • Get File Data and Components: Inspect Figma files and list published components for audit and reuse.
  • Export and Render Images: Export design assets and render node images for assets or documentation.
  • Extract Design Tokens: Extract colors, typography, and spacing to feed into development tokens and design systems.
  • Manage Comments and Versions: View and add comments, and inspect version history to track design changes.
  • Browse Projects and Teams: List team projects/files to organize assets and collaboration.

Quick Start

Run the Get File Data and Components workflow after confirming an active Figma connection via Rube MCP to retrieve file structure and components.

Frequently Asked Questions about figma-automation

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

FAQPage Schema
How do I automate exporting Figma components and design tokens?▼

You can automate Figma file management and component retrieval by running MCP workflows that inspect files, list published components, and export assets after confirming an active Figma connection via Rube MCP.

Can I extract design tokens from Figma files for my design system?▼

You can extract design tokens from Figma files by running workflows that pull colors, typography, and spacing data to feed directly into development tokens and design system pipelines.

What's the best way to manage Figma comments and version history automatically?▼

The best way to manage Figma comments and versions is using MCP toolkit workflows that view and add comments, and inspect version history to track design changes across files in real-world projects.

Do I need an active Rube MCP connection to run Figma automation workflows?▼

Yes, you need an active Figma connection via Rube MCP with prerequisite checks completed before running any workflows to manage files, components, design tokens, and exports.

How do I browse and organize Figma team projects and files?▼

You can browse and organize Figma team projects by running workflows that list team projects and files, allowing you to organize assets and manage collaboration across design files.

Related Skills

Explore More Design & Creative Skills→
vZulinvZulin

figma-automation

Automate Figma design workflows via Composio's Figma toolkit through Rube MCP.

Community
Advanced
bacchus-labsbacchus-labs
4

design-system-governance

Detect design token drift between Figma and code implementations.

Official
Advanced
tmarsbrtmarsbr

figma-automation

Automate Figma file, component, token, and comment workflows via Rube MCP.

Community
Advanced
opzero1opzero1
3

figma-design

Extract design tokens, component details, and assets from Figma files.

Official
Intermediate