Transform screen-inventory and component-inventory into a six-section Figma handoff specification in Markdown.
npx skills add https://github.com/bflandev/threadline-ai --skill figma-spec
Please help me install this Agent Skill. Skill: figma-spec Source: https://github.com/bflandev/threadline-ai/tree/main/skills/figma-spec Command: npx skills add https://github.com/bflandev/threadline-ai --skill figma-spec
This skill helps design teams translate inventories of screens and components into a structured Figma handoff specification in Markdown, ensuring clear organization and traceability for handoff.
Invoke the figma-spec skill after supplying a screen-inventory and a component-inventory to generate the Markdown specification.
High-intent search queries and answers about installing and using this skill.
To generate a Figma handoff spec, supply your screen-inventory and component-inventory to produce a structured Markdown specification covering file structure, component pages, use case pages, annotations, and a handoff checklist.
A Figma handoff specification organizes design files for developer handoff. A complete spec includes six sections: File structure, Component pages, Use case pages, Annotations, Handoff checklist, and Handoff package.
Yes, both a screen-inventory and a component-inventory must exist before generating handoff documentation. These inventories provide the foundational screen frames and component data required to enforce traceability and structure.
No, this process produces a designer-ready Markdown specification document rather than a direct Figma file. The structured Markdown output can then be executed in Figma workflows to guide file organization and annotations.
The best way to structure component pages is by aligning screen frames to use case steps and extensions within the Markdown spec. This enforces consistent annotation schemes and traceability across complex multi-screen workflows.
Handoff lacks traceability when screen frames are not aligned to use case steps and extensions. Generating a structured handoff spec enforces this alignment and provides a consistent annotation scheme for complex use cases.
bflandevTranslate component inventories into framework-specific component specifications with props and state mappings.
guhans6Create new Figma design or FigJam files in the drafts folder.
lord-vinayakGenerate accessibility annotations for Figma design handoff.
muzhicaomingwangTranslate UX concepts into wireframe-level UI specifications with design tokens and accessibility checklists.
