Skills
.Work. You
Rest

source-command-handoff-figma

Community

Turn Gravity flows into Figma-ready handoffs

Design & Creative#design system#figma#user stories#handoff#prototype#ui design#gravity
Authorcodesour-design
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the conversion of Gravity product flows into structured Figma handoffs by guiding designers through discovery, screen mapping, component selection, and final validation.

Core Features & Use Cases

  • Figma Flow Construction: Builds complete product flows by analyzing user stories, prototypes, and screen states before creating layouts in Figma.
  • Design System Alignment: Maps interfaces to Gravity and Ant Design components, uses templates, and creates custom atomic components when needed.
  • Use Case: A product designer can provide a Gravity user story and HTML prototype to generate an organized Figma flow with realistic mock data, annotations, overlays, and developer-ready notes.

Quick Start

Ask the skill to run the handoff-figma command for a Gravity flow and provide the Figma destination file, user stories, language, and optional prototype details.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: source-command-handoff-figma
Download link: https://github.com/codesour-design/gravity/archive/main.zip#source-command-handoff-figma

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.