AI Playground — Dhanush MD

← Dhanush MD

AI Playground · 01

Experiments, tools and half-finished ideas built with AI. One so far, more on the way.

Figma plugin

Screen Auditor

Accessibility shouldn’t be a final checklist. Make it part of the design loop.

Figma plugin

Accessibility

WCAG AA

Typography

Built with AI

Figma · daily-investment-screen01 / 04

What it is

A Figma plugin that audits a screen while you design. Pick a frame, scan it against WCAG AA, see what’s critical, fix it in one click, and export a report for the team.

Try it

daily-investment-screen

HDFC Mid-Cap

Systematic Plan

2.81:1Fails AA · needs 4.5:1

Changed text to #ffffff for a 14.74:1 contrast ratio.

AAccessibility Auditor✕

Critical 1Warning 14Info 31Needs review 9

Text contrast 2.81:1 is below 4.5:1

contrast · Systematic Plan · high confidence · WCAG 1.4.3

Why it matters: #6c6c6c text on #282828 has a 2.81:1 contrast ratio. Normal text needs 4.5:1 at the selected WCAG level.

Suggested fix: increase contrast by changing the text or background colour.

Fixed: 14.74:1 passes AA

Systematic Plan is now #ffffff. Critical findings: 0.

Design-time guidance only. This audit cannot determine complete WCAG conformance.

Try it: press Fix now.Live contrast · WCAG 2.x formula

What it checks

Contrast

Text against its real background, measured against WCAG AA: 4.5:1 for body text.

Text size

Text under 12px, and body text under the 16px you recommend.

Touch targets

Anything tappable that’s smaller than 44px on mobile.

Type scale

More than 12 text sizes on one screen means the system is drifting.

On a real screen

findings

critical

warnings

info

need review

One scan of a real banking screen, daily-investment-screen. The critical one is the grey text you fixed above.

Another experiment is on the way.

Meanwhile, see the work →