figma-automation
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.
Profile →npx skills add sickn33/agentic-awesome-skills --skill figma-automation --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Figma Automation via Rube MCP Automate Figma operations through Composio's Figma toolkit via Rube MCP. ## Prerequisites - Rube MCP must be connected (RUBE_SEARCH_TOOLS available) - Active Figma connection via `RUBE_MANAGE_CONNECTIONS` with toolkit `figma` - Always call `RUBE_SEARCH_TOOLS` first to get current tool schemas ## Setup **Get Rube MCP**: Add `https://rube.app/mcp` as an MCP server in your client configuration. No API keys needed — just add the endpoint and it works. 1. Verify Rube MCP is available by confirming `RUBE_SEARCH_TOOLS` responds 2. Call `RUBE_MANAGE_CONNECTIONS` with toolkit `figma` 3. If connection is not ACTIVE, follow the returned auth link to complete Figma auth 4. Confirm connection status shows ACTIVE before running any workflows ## Core Workflows ### 1. Get File Data and Components **When to use**: User wants to inspect Figma design files or extract component information **Tool sequence**: 1. `FIGMA_DISCOVER_FIGMA_RESOURCES` - Extract IDs from Figma URLs [Prerequisite] 2. `FIGMA_GET_FILE_JSON` - Get file data (simplified by default) [Required] 3. `FIGMA_GET_FILE_NODES` - Get specific node data [Optional] 4. `FIGMA_GET_FILE_COMPONENTS` - List published
- Prerequisites
- Setup
- Core Workflows
- 1. Get File Data and Components
- 2. Export and Render Images
- 3. Extract Design Tokens
- 4. Manage Comments and Versions
- 5. Browse Projects and Teams
- Common Patterns
- URL Parsing
- Node Traversal
- Known Pitfalls
- Quick Reference
- When to Use
What does the figma-automation skill do?
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill figma-automation --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.