WP-FIGMA-FE-AUDIT-01 — First report (no UI code changes)

Date: 2026-08-06 Domain: TOOLING + DESIGN + MOBILE WP: WP-FIGMA-FE-AUDIT-01 Git branch: tien (OWNER changes preserved; no commit)

Figma

File key: w0SRHX3cbiWLFHjzVC0pTE
Access: BLOCKED_EXTERNAL
Pages: NOT READABLE
Frames: NOT READABLE
Components: NOT READABLE
Variables: NOT READABLE
Prototype readable: NO
Blocker: MCP View seat / no edit access on file
  (get_metadata node 0:1 denied)
Pixel verification from Figma: NOT AVAILABLE
Application failure: NO

Artifacts: FIGMA-SCREEN-INVENTORY.md · .json

Local design

JPG count: 39 (design/mockups/)
PDF count: 0 in repo paths scanned (design/pdfs, design/, root)
Mapped assets: covered by docs/design-index.md (all 39 IDs referenced)
Unmapped assets: 0 obvious orphans in mockups/
design-boards: 14 planned boards (spec-only, no JPG)
exports/: empty

Mode: IMPLEMENTED_FROM_LOCAL_DESIGN · FIGMA_EXACT_SYNC: DEFERRED

Mobile

Framework: Expo SDK 54 · RN 0.81.5 · React 19.1
Navigation: React Navigation 7 (native-stack + bottom-tabs) — not Expo Router
Theme: mobile/src/theme/tokens.ts (single file)
Shared UI: shared/ui (8 primitives) · no mobile/src/components/
Feature folders: 36
Screen count (*Screen.tsx): 125
Route count (typed keys ≈): 127
State: AuthContext · no Redux/RQ
API client: services/api.ts + zod
Realtime: socket.io-client (/chat, /rides)
Maps: react-native-maps
Icons: @expo/vector-icons (MaterialCommunityIcons)
Hardcoded #hex files (excl. tokens): 69

See: MOBILE-ARCHITECTURE.md · MOBILE-NAVIGATION-AUDIT.md · DESIGN-TOKEN-AUDIT.md

Gap summary

Missing screens (CON core): low — most journeys have screens
Visual partial: high — nearly all CON vs JPG; zero Figma-verified
Function partial: ServiceStub tiles · Chat realtime · Routing providers
Missing states: Empty/Offline/Permission not universal
Missing navigation: ServiceStub leftovers · deep-link matrix incomplete
Missing API binding: not primary CON gap (API 354 IMP)
Orphan screens: not fully swept (script follow-up)
BLOCKED_DESIGN_ACCESS: Figma MCP
OWNER_REQUIRED: Google · live Pay

Matrix: FIGMA-FE-FUNCTION-GAP-MATRIX.md Queue: figma-fe-work-queue.json

Proposed first implementation WP

Domain: DESIGN
WP: WP-FIGMA-TOKENS-01
Surface: CON
Screens: (shared tokens — no single SCR)
Reason: Stabilize design system before per-screen polish; 69 hardcoded hex files; Figma variables unavailable
Files expected:
  - mobile/src/theme/tokens.ts (or theme/tokens/*)
  - docs/design/DESIGN-TOKEN-AUDIT.md (update)
  - selective shared/ui token wiring (no mass screen redesign)
Acceptance criteria:
  - Documented color/type/spacing/radius/shadow scale from local JPG + existing brand
  - No new font family without licensed assets
  - No invented Figma variable names/values
  - TypeScript PASS (mobile)
  - FIGMA_EXACT_SYNC remains DEFERRED
  - Device pixel match: NOT TESTED

Final classification (this WP)

AUDIT: COMPLETE
CODE CHANGES: NONE (by design)
FIGMA EXACT MATCH: BLOCKED_EXTERNAL
LOCAL DESIGN INVENTORY: PASS
NAVIGATION AUDIT: PASS (baseline doc)
GAP MATRIX: PASS (baseline)
FE WORK QUEUE: CREATED
NEXT: WP-FIGMA-TOKENS-01