Design QA — Figma vs app
🎨 Design QA — Helper¶
Comparaison automatique Figma ↔ code · 26/06/2026
Résumé¶
| Conformité | ░░░░░░░░░░ 0% |
| Variantes conformes | 0 / 10 |
| Variantes avec écarts | 10 |
Écarts systématiques¶
| Propriété | Valeur Figma | Valeur code | Variantes touchées |
|---|---|---|---|
| Graisse titre | 600 |
400 |
10 / 10 |
| Letter-spacing titre | -0.32px |
-0.2px |
10 / 10 |
| Graisse message | 600 |
400 |
10 / 10 |
| Letter-spacing message | -0.28px |
-0.2px |
10 / 10 |
| Padding haut/bas | 12px |
16px |
5 / 10 |
| Couleur de fond | #f3f7fc |
rgb(240, 247, 252) |
2 / 10 |
Détail par variante¶
⚠️ pending-lg — 5 écart(s)
| Propriété | Figma | Code | |---|---|---| | Padding haut/bas | `12px` | `16px` | | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.32px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.28px` | `-0.2px` |⚠️ pending-md — 4 écart(s)
| Propriété | Figma | Code | |---|---|---| | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.28px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.24px` | `-0.2px` |⚠️ info-lg — 6 écart(s)
| Propriété | Figma | Code | |---|---|---| | Couleur de fond | `#f3f7fc` | `rgb(240, 247, 252)` | | Padding haut/bas | `12px` | `16px` | | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.32px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.28px` | `-0.2px` |⚠️ info-md — 5 écart(s)
| Propriété | Figma | Code | |---|---|---| | Couleur de fond | `#f3f7fc` | `rgb(240, 247, 252)` | | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.28px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.24px` | `-0.2px` |⚠️ alert-lg — 5 écart(s)
| Propriété | Figma | Code | |---|---|---| | Padding haut/bas | `12px` | `16px` | | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.32px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.28px` | `-0.2px` |⚠️ alert-md — 4 écart(s)
| Propriété | Figma | Code | |---|---|---| | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.28px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.24px` | `-0.2px` |⚠️ success-lg — 5 écart(s)
| Propriété | Figma | Code | |---|---|---| | Padding haut/bas | `12px` | `16px` | | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.32px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.28px` | `-0.2px` |⚠️ success-md — 4 écart(s)
| Propriété | Figma | Code | |---|---|---| | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.28px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.24px` | `-0.2px` |⚠️ neutral-lg — 5 écart(s)
| Propriété | Figma | Code | |---|---|---| | Padding haut/bas | `12px` | `16px` | | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.32px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.28px` | `-0.2px` |⚠️ neutral-md — 4 écart(s)
| Propriété | Figma | Code | |---|---|---| | Graisse titre | `600` | `400` | | Letter-spacing titre | `-0.28px` | `-0.2px` | | Graisse message | `600` | `400` | | Letter-spacing message | `-0.24px` | `-0.2px` |Généré par Design QA pipeline · Figma