Audit frontend UI against design system (Figma)

[talissoncosta]

Summary

Audit the frontend UI against the Figma design system to identify inconsistencies.

Background

From internal discussion - the design system was created a couple of years ago and some areas of the app have grown organically. We need to identify inconsistencies with the design system.

Design System Reference

• Figma - Flagsmith Website

Scope

Inconsistencies to check

• Colours (tokens, hover states, borders)
• Typography (font sizes, weights, line heights)
• Spacing (padding, margins, gaps)
• Button styles and variants
• Form inputs
• Icons usage

Output

• List of inconsistencies found with screenshots
• Priority ranking (quick fixes vs. larger rethinks)