Skill UI

Automates Figma workflows through Rube MCP and Composio, covering file inspection, component/token extraction, exports, comments, and team browsing while guiding schema discovery before each run.

Automates Figma workflows via Composio's Rube MCP client, covering file inspection, exports, design token extraction, comments, and project browsing while enforcing tool discovery first.

Automate the complex process of migrating design systems, design tokens, and styles between multiple Figma files, or from external sources into Figma. This tool covers the full pipeline: inventorying assets, extracting raw style data (colors, typography, effects), transforming them into structured design tokens (e.g., JSON format), and finally writing them back into Figma variables using the Variables API. Ideal for maintaining consistency across large design libraries.

This skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.