Case Study
iGaming Cashier
iGaming Cashier
Compliance Uplift
100%
100%
Context
1. Design a scalable workflow to evaluate and ensure jurisdictional compliance throughout the design phase.
2. Define an approach for a single source of component truth that is platform-agnostic.
3. Create a limited-scope prototype cashier experience to explore interaction and compliance rules.
2. Define an approach for a single source of component truth that is platform-agnostic.
3. Create a limited-scope prototype cashier experience to explore interaction and compliance rules.
Constraint / Branded Cashier Prototype (iOS)
No design system resource available.
Action / Branded Cashier Prototype (iOS)
Derive primitives and semantic variables (Figma plugins) sourced from public marketing HTML page ingest.
Constraint / Compliance Evaluation
No compliance/legal team available.
Action / Compliance Evaluation
Leverage AI (Claude) to create a harness that evaluates the design directly in Figma, scores the prototype and provides improvement suggestions while explaining the rationale behind.
Workflow
→ Import marketing HTML page
→ Figma Agent gens UI, infers style variables from HTML import
→ Convert primitive variables to semantic, export as JSON for Style Dictionary ingest
→ Claude Project, create compliance harness referencing jurisdictional compliance rules (Danish market)
→ Establish Claude/Figma Connector
→ Claude runs synthetic UT and compliance evals
→ Iterate in Figma
→ Re-run evals
→ Figma Agent gens UI, infers style variables from HTML import
→ Convert primitive variables to semantic, export as JSON for Style Dictionary ingest
→ Claude Project, create compliance harness referencing jurisdictional compliance rules (Danish market)
→ Establish Claude/Figma Connector
→ Claude runs synthetic UT and compliance evals
→ Iterate in Figma
→ Re-run evals
Claude Compliance Eval 1 (Initial score)
34/100
Iterated prototype based on compliance enhancement suggestions →
34/100
Iterated prototype based on compliance enhancement suggestions →
Claude Compliance Eval 2 (100% ▲)
68/100
68/100
Evaluating the experience
Ran a synthetic user test against the prototype based on a UX Heuristics .md skill, carefully iterating to get an even balance between user engagement and compliance guardrails.
That iOS feel
Using the Figma native Liquid-Glass effect to simulate latest iOS26 interaction patterns, I also created an animated element to represent the Yes brand activity, bringing some motion in to the moment.
Created a features markdown skill to expedite UI generation using Figma Agent, buying me more time to refine and test the compliance harness in Claude AI.
Created a features markdown skill to expedite UI generation using Figma Agent, buying me more time to refine and test the compliance harness in Claude AI.
