Select a frame.
A screen, a component or the whole page.
Uki AI audits any Figma frame in one click
A design review for every frame.
01 the panel
Uki AI UI Auditor
SelectionPage
Nothing selected. Select a frame.Selected: Checkout / Payment
OverviewIssues 0Settings
✦score
Audit any frame in one click.
Six scores, one number, every issue on its layer.
- Colour scheme
- Typography
- Layout
- Visual design
- Navigation
- Interaction
Low text contrast · Caption
3.1:1 for #9A9AA8 on #F7F7FA. AA needs 4.5:1.
Small tap target · Icon / Close
32×32px. Needs 44×44.
Off the 8pt grid · Card
height 143. Snap keeps rhythm.
What to fix first
- Lift Caption to #5E5E6E: 4.7:1 and still quiet.
- Give Icon / Close a 44px hit area; keep the glyph at 16.
Pattern
Spacing drifts because the card stack is hand-positioned. Auto layout with an 8pt gap fixes three issues at once.
Press Audit.
184 layers walked in well under a second, inside Figma.
Six scores, one number.
Colour, type, layout, visual, navigation and interaction, out of 100.
Click an issue.
Figma selects the layer and zooms to it.
Fix it in one click.
The audit re-runs and the score moves while you watch.
Ask Uki AI.
With your own key, a short review of what to fix first.
scroll to play it
02
What it checks.
Every layer.
Uki walks the frame and reads the real values: composited backgrounds, text runs, auto layout padding, prototype links. No screenshots, no guessing.
Hidden layers are skipped and counted. Images and gradients behind text are left for your eyes.
- audit started
- text contrast3.1:1Caption on #F7F7FA · AA needs 4.5
- tap target32×32Icon / Close · min 44
- type scale9 sizesscale of 6 to 8 is enough
- gridoffCard height 143 · 8pt
- auto layoutmissing4 children stacked by hand
- layer names12 defaultFrame 42, Rectangle 7…
- colours172 near-duplicates · 9 unbound
- prototype3 unlinkedbuttons with no reaction
- scored
- overall72grade C · accessibility 64
- fixable now19one click each, or all at once
03
Scoring.
Each category starts at 100. A high issue costs 10, a medium 4, a low 1. The overall number weights colour and layout a little more, because that's what reviews catch first.
Grid base, minimum text size and tap target are yours to set in Settings.
- 90+A · ship it
- 80B · polish the lows
- 70C · fix the highs first
- 55D · a proper pass
- weightscolour 20 · layout 20 · type 18 · interaction 15 · visual 14 · navigation 13
04
Fixes.
Most issues have a button next to them. Press it and Uki edits the layer, then audits again so the score moves while you watch.
Every fix is a normal Figma edit. Cmd-Z undoes it.
- 1snap sizes, positions, padding and gaps to the grid
- 2enlarge a tap target to the minimum, kept centred
- 3shift text colour toward black or white until AA passesthe hue stays, only the lightness moves
- ?rename default layers from what's insideFrame 42 becomes Button / Continue
- !turn a hand-stacked frame into auto layoutgap and padding inferred from the children
05
Optional extras.
Sends the scores, issues, fonts and colours to Claude and returns what to fix first. The layers never leave Figma.
Drops a report card next to the frame with the six scores and the top issues, for the review thread.
Copies the whole audit as Markdown: a table of scores and every issue with its layer. Paste it in the ticket.
06
Install.
Free on Figma Community. Open the page, press Try it or Save, then select a frame and run Uki AI from the plugins menu.
Open in Figma Community Say hi on LinkedIn
Run Uki AI UI Auditor on the frame before you request review: https://www.figma.com/community/plugin/1484499033305449577 Aim for 80 or above, and fix every high.
Audits run inside Figma and nothing leaves your file. The optional Uki AI review only sends scores and issue text, and only when you add your own API key in Settings.