Can it map design tokens to my code?

Yes, it produces design token mappings that translate Figma variables directly to CSS, iOS, or Android syntax for seamless implementation.

How does the three-specialist panel work?

The skill spawns three parallel sub-agents (Structure, Component, and Prototype specialists) using the Task tool to ensure each domain is handled with expert-level detail without overlap.

Does this skill create actual Figma (.fig) files?

No, this skill generates detailed specification documents in Markdown and JSON that provide the exact blueprint for a designer to implement the file in Figma.

Does it support the latest Figma features?

Yes, it is designed for the 2025-2026 feature set, including Figma Variables, Auto Layout v5, multi-mode collections, and Dev Mode annotations.

Figma Design Ops Specialist

Name: Figma Design Ops Specialist
Author: noodlemind

bynoodlemind

0•

デザインツール

Converts design requirements and system documentation into comprehensive, Figma-ready implementation specifications using a multi-agent panel.

The Figma Design Ops skill automates the transition from design concepts to production-grade Figma files by orchestrating three specialized sub-agents: a Structure Specialist for file organization, a Component Architect for variant and auto-layout logic, and a Prototype Specialist for interaction flows. It generates a standardized documentation suite covering everything from Figma variables and design tokens to Dev Mode annotations, ensuring that your design environment is architected according to 2025-2026 best practices. This is ideal for teams needing to standardize their design systems or prepare detailed specs for UI designers from technical requirements.

主な機能

01Performs cross-reference validation to ensure naming consistency across all specs

02Creates comprehensive developer handoff documentation including Code Connect mapping

030 GitHub stars

04Provides precise auto-layout v5 and variant matrix specifications

05Generates detailed Figma variable collections with semantic mapping and scoping

06Orchestrates a 3-agent specialist panel for structure, components, and prototyping

ユースケース

01Standardizing design system implementation from text-based requirements or codebases

02Preparing detailed interaction and prototype specs for developer handoff

03Generating architectural blueprints for large-scale Figma UI kit migrations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add noodlemind/nanodex-marketplace figma-design-ops

For use in Claude.ai and ChatGPT

主な機能

01Performs cross-reference validation to ensure naming consistency across all specs

02Creates comprehensive developer handoff documentation including Code Connect mapping

030 GitHub stars

04Provides precise auto-layout v5 and variant matrix specifications

05Generates detailed Figma variable collections with semantic mapping and scoping

06Orchestrates a 3-agent specialist panel for structure, components, and prototyping

ユースケース

01Standardizing design system implementation from text-based requirements or codebases

02Preparing detailed interaction and prototype specs for developer handoff

03Generating architectural blueprints for large-scale Figma UI kit migrations