Design & Media Agent Skills for VS Code

Composition patterns for building flexible, maintainable React components.

Review UI code for Web Interface Guidelines compliance.

Direct Figma API interactions for design asset management.

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.

Diagnose and fix common Figma REST API and Plugin API errors.

Extract design tokens, colors, typography, and spacing from Figma files

Handle Figma API data correctly: comments, versions, user data, and

Collect Figma API diagnostic evidence for support tickets and troubleshooting.

Configure Figma Enterprise features: OAuth 2.0, team management, and

Make your first Figma REST API call to fetch a file and inspect its

Translate Figma designs into production-ready code with 1:1 visual fidelity.

Set up Figma REST API authentication with personal access tokens or

Set up Figma integration for AI coding agents.

Avoid the most common Figma API integration mistakes and anti-patterns.

Load test Figma API integrations and plan for scale.

Set up a local development workflow for Figma plugin and REST API projects.

Reference architecture for production Figma API integrations.

Production-ready patterns for the Figma REST API and Plugin API.

Place a set of local screenshots/images into Figma as a labeled, sectioned board (auto-layout, title + section rows, layer names =…

Handle Figma REST API scope changes, deprecations, and migration tasks.

Implement Figma Webhooks V2 for real-time file, comment, and library