skills.rest
tmarsbr
tmarsbrCOMMUNITY
Explore all skills by this author →
GitHub

figma-automation

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

Updated Jul 30, 2025
Search Tags:#automation#workflow#figma#design-tokens#component-management#rube-mcp#assets-export
One-click install
npx skills add https://github.com/tmarsbr/portifolio --skill figma-automation-tmarsbr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-automation
Source: https://github.com/tmarsbr/portifolio/tree/main/skill-ux/skills/figma-automation
Command: npx skills add https://github.com/tmarsbr/portifolio --skill figma-automation-tmarsbr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates repetitive Figma operations by coordinating with Composio's MCP to discover files, retrieve data, export assets, manage components, and apply design tokens.

Core Features & Use Cases

  • Get file data and components: Inspect Figma files and enumerate published components and sets.
  • Export assets and render images: Export design assets and render previews for sharing or development.
  • Extract and leverage design tokens: Extract colors, typography, and spacing for design-to-development handoffs.
  • Manage comments and history: Review and add comments or view version histories for design review.

Quick Start

Connect to Rube MCP and run a Figma workflow to discover files and list 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 assets and components?▼

You can automate Figma asset export by coordinating with Rube MCP to retrieve file data, enumerate published components, and render images for sharing or development handoffs.

What is the best way to extract design tokens from Figma for development?▼

Extracting design tokens from Figma involves using MCP workflows to pull colors, typography, and spacing directly from files, enabling seamless design-to-development handoffs.

Do I need a Rube MCP connection to manage Figma workflows?▼

Yes, an active Rube MCP connection and a configured Figma toolkit are required to invoke discovery commands, manage files, and apply design tokens through the automation workflow.

Can I manage Figma comments and version history through automation?▼

Managing Figma comments and version history is supported by retrieving collaboration notes, adding review feedback, and viewing version histories via MCP commands.

How do I inventory Figma files and published component sets automatically?▼

Inventorying Figma files requires connecting to MCP to discover files, inspect document structures, and enumerate published components and sets for asset management.

Related Skills

Explore More Design & Creative Skills→
vZulinvZulin

figma-automation

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

Community
Advanced
launchapp-devlaunchapp-dev
38

naming-convention

Define naming conventions for design components, tokens, and assets.

Official
Intermediate
LutimiLutimi

cursor2figma

Import HTML into Figma and manage design tokens via an MCP server.

Community
Intermediate
MercurykzMercurykz

figma

Extract Figma design data via MCP and generate code from nodes.

Community
Intermediate