64 / 74 · 10 Visual & Accessibility Testing · Design System Verification← prev⊞ allnext →☰ Read as one page
12.2What to Verify
| Aspect | Figma Source | Code Target | Verification Method |
|---|---|---|---|
| Colors | Design tokens | CSS variables / theme | Extract and compare hex values |
| Typography | Font families, sizes, weights | CSS computed styles | Automated style extraction |
| Spacing | Padding, margin values | CSS computed styles | Pixel measurement |
| Border radius | Corner radius values | CSS border-radius |
Computed style comparison |
| Shadows | Drop shadow parameters | CSS box-shadow |
Value comparison |
| Icons | SVG assets | SVG in code | File hash comparison |
| Component states | Hover, active, disabled, focus | Interactive states | Visual testing per state |