figma-component-generator

Generate Figma-ready component specifications for clinical trial EDC components.

1|1|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/nroze22/TalosixSkills --skill figma-component-generator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-component-generator
Source: https://github.com/nroze22/TalosixSkills/tree/main/.claude/skills/figma-component-generator
Command: npx skills add https://github.com/nroze22/TalosixSkills --skill figma-component-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of detailed, Figma-ready component specifications, eliminating ambiguity and streamlining the design-to-implementation handoff for clinical trial EDC components.

Core Features & Use Cases

  • Comprehensive Specs: Generates detailed specifications covering states, variants, design tokens, interactions, responsiveness, and accessibility.
  • EDC Component Specialization: Tailored for clinical trial EDC components like CRF fields, visit schedules, and query badges.
  • Use Case: When a new CRF text field component is needed, this Skill will produce a complete specification document that a designer can use to build it in Figma without further clarification.

Quick Start

Use the figma-component-generator skill to generate a specification for a 'CRF Text Field' component.

Frequently Asked Questions about figma-component-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Figma component specifications for clinical trial EDC fields?

You can generate Figma component specifications by providing component requirements to the generator, which outputs detailed specs covering states, variants, design tokens, interactions, and accessibility for EDC components like CRF fields.

What should a Figma component spec include for clinical trial visit schedules?

A Figma component spec for clinical trial visit schedules should include component states, variants, design token mappings, interaction definitions, responsive behavior, and accessibility requirements to ensure a complete design-to-implementation handoff.

Can I use a component specification generator for EDC query badges and audit trail entries?

Yes, this component specification generator specializes in clinical trial EDC components and can produce complete specification documents for query badges and audit trail entries ready for Figma implementation.

Does the generated Figma component specification cover accessibility and responsive behavior?

Yes, the generated Figma component specification explicitly covers accessibility requirements and responsive behavior alongside interaction definitions and design token mappings to eliminate design ambiguity.

What's the best way to document CRF text field variants for a Figma design system?

The best way to document CRF text field variants is to use a component specification generator that maps states, variants, and design tokens, producing a document a designer can use to build the component in Figma without further clarification.

Do I need prior Figma experience to use a component specification generator for EDC components?

You do not need prior Figma experience to generate the specifications, but the resulting specification documents are designed for a designer to use for building the actual EDC components directly within Figma.