---
title: Figma Design Handoff Rule Categories
version: 1.0.0
---

# Rule Categories

## 1. Figma Design Handoff (figma) — HIGH — 5 rules

Figma-to-code design handoff patterns covering tokens, specs, Dev Mode, layout, and visual regression.

| Rule | Impact | File |
|------|--------|------|
| Figma Variables & Tokens | CRITICAL | `figma-variables-tokens.md` |
| Component Specs | HIGH | `figma-component-specs.md` |
| Dev Mode Inspection | HIGH | `figma-dev-mode.md` |
| Auto Layout → CSS | HIGH | `figma-auto-layout.md` |
| Visual Regression | MEDIUM | `figma-visual-regression.md` |
