Auto-fix

Auto-fix is one of the key features of the Pro plan. It lets you correct certain violations directly from the plugin, without manually adjusting each layer.

Availability

Auto-fix is available on Pro and Team plans. Free users can see the fix buttons but cannot apply them.

---

Text contrast fix

How to use it

1. In the audit results, click on a contrast violation (red or orange)
2. The detail panel opens and shows the ”✨ Fix contrast” button
3. Click it — three correction suggestions appear:
   • Darken the text: the text color is adjusted to reach exactly the required minimum ratio
   • Lighten the text (if applicable): toward a lighter but still sufficiently contrasted color
   • Darken the background: if the background can be modified without breaking the design
4. Click on your preferred suggestion — the correction is applied immediately in Figma

What the plugin does

For each suggestion, the plugin calculates the color closest to the original that achieves the required contrast ratio (4.5:1 for normal text, 3:1 for large text). The adjustment only affects lightness (L channel in HSL space), preserving the hue and saturation.

Undo a correction

If the suggested color doesn’t suit you, use Ctrl+Z / Cmd+Z in Figma to immediately undo. The plugin only modifies layers affected by the selected violation.

---

Touch target size fix

How to use it

1. Click on a “Target size” violation in the results
2. Click ”✨ Fix target size”
3. The plugin automatically resizes the layer to the 24×24 px minimum (WCAG 2.5.8 AA criterion)

Fix behavior

• If the element is smaller than 24 px in only one dimension, only that dimension is adjusted
• The inner content of the layer is preserved; only the container is enlarged
• If the element is a Figma component, the fix is applied to the instance (not the master component)

---

Text size fix

How to use it

1. Click on a text size violation (text too small)
2. Click ”✨ Fix text size”
3. The plugin adjusts the font size to the recommended minimum (16px for body text, 12px for labels)

Limitations

• If the text uses a shared Figma text style, the fix creates an override on the instance rather than modifying the style (to avoid affecting other uses of the style)
• The plugin warns you if this is the case and suggests modifying the style directly

---

When auto-fix isn’t enough

Auto-fix covers purely mechanical corrections where a numeric value needs to be adjusted. It cannot replace a design decision:

Situation	Recommended action
Fixed contrast breaks the brand guidelines	Review the color palette with the client
Informational icon without text alternative	Add a visible label or tooltip
Information conveyed only by color	Add an icon or status text
Inconsistent heading hierarchy	Restructure the page with the UX/content team
Illogical reading order	Reorganize layers in the layers panel

For these violations, the plugin shows a “How to fix” button that opens a detailed explanation with visual examples.

---

Bulk auto-fix

The Team version allows running a bulk fix on all violations of the same type in a frame:

1. In the results panel, click the ”⋯” icon next to a category
2. Select “Fix all contrast violations”
3. The plugin applies the optimal fix to each violation in the category

Check after bulk fix

Bulk fix applies automatic corrections that may affect the overall appearance of your mockup. Re-run an audit and visually review the result before delivering.

Move on to PDF report →