skills.rest
KentoShimizu
KentoShimizuCOMMUNITY
Explore all skills by this author →
𝕏@KStartup_GitHub

figma-handoff

Generate engineering-ready handoff packages from approved Figma designs.

7|Updated Feb 14, 2026
Search Tags:#templates#figma#handoff#assets#quality-gates#design-to-engineering
One-click install
npx skills add https://github.com/KentoShimizu/sw-agent-skills --skill figma-handoff-kentoshimizu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-handoff
Source: https://github.com/KentoShimizu/sw-agent-skills/tree/main/skills/figma-handoff
Command: npx skills add https://github.com/KentoShimizu/sw-agent-skills --skill figma-handoff-kentoshimizu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Design-to-engineering handoff workflows often suffer from ambiguities between designs and implementation, leading to rework and misalignment. This skill packages approved Figma designs into engineering-ready handoff artifacts, including specifications, assets, states, and acceptance criteria, ready for development.

Core Features & Use Cases

  • Generate a complete handoff package using a standard template set (handoff package, asset inventory, acceptance checklist).
  • Compile and inventory design assets, with explicit states and implementation notes for engineering.
  • Ensure alignment with design specs and quality gates before handoff to development teams.

Quick Start

Trigger the skill after Figma designs are approved to generate the handoff package and asset inventory.

Frequently Asked Questions about figma-handoff

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

FAQPage Schema
How do I prepare Figma designs for engineering handoff?▼

A Figma design-to-engineering handoff package includes standardized specifications, an asset inventory, implementation notes, and acceptance checklists to align developers with the original design intent.

How do I generate an asset inventory from Figma for developers?▼

You can generate an asset inventory from Figma by compiling design assets and mapping them with explicit states and implementation notes, ensuring engineering teams have exactly what they need for development.

Can I automate the creation of acceptance checklists for UI components?▼

Yes, you can automate acceptance checklists for UI components by applying quality gates to approved designs, outputting versioned artifacts that ensure alignment with design specs before development begins.

Do I need standardized templates to package design-to-engineering handoff artifacts?▼

Yes, standardized templates for the handoff package, asset inventory, and acceptance checklist are required to automate the transformation of Figma designs into engineering-ready artifacts.

What is the best way to prevent misalignment between Figma designs and implementation?▼

The best way to prevent misalignment between Figma designs and implementation is to apply quality gates and generate versioned handoff artifacts containing detailed specifications and acceptance criteria for the engineering team.

Related Skills

Explore More Design & Creative Skills→
bflandevbflandev
1

figma-spec

Transform screen-inventory and component-inventory into a six-section Figma handoff specification in Markdown.

Community
Intermediate
aditisharma0204aditisharma0204

handoff-specialist

Translate design concepts into structured specifications and handoff packages for engineering teams.

Community
Advanced
844196844196
8

update-claude

Update Claude Code CLI and system prompts to a specified version.

Community
Intermediate
olehsvyrydovolehsvyrydov
13

ui-designer

Architect design systems and component libraries from discovery to developer handoff.

Community
Advanced