figma-design-system-to-skill

What problem does it solve?

Manually extracting and codifying Figma design system sections into agent skills is time-consuming and error-prone, leading to inconsistent skill formatting and misalignment between design intent and shipped code.

Core Features & Use Cases

• Standardized Extraction Workflow: Provides a repeatable, step-by-step process for converting Figma design system panels (overviews, token tables, guidelines) into compliant Kiva agent skills, mirroring the structure of existing design system skills.
• Built-in Code Verification: Includes mandatory steps to cross-check Figma design tokens against shipped Tailwind implementation, flagging genuine sync gaps and distinguishing intentional differences from actual discrepancies.
• Use Case: When a design system team adds a new motion or iconography section to the Kiva Figma library, use this skill to generate a consistent, maintainable skill file that integrates with the existing design system skill marketplace.

Quick Start

Use the figma-design-system-to-skill skill to extract the new motion design system section from the provided Figma node links and screenshots into a compliant agent skill file.