KLD Institute
Menu
Course mapOpen study notes

Slide 16 of 22

Tool bench

The first visual tool task is annotation, not polish

  • Use FigJam or Figma to annotate type, color, spacing, and hierarchy.
  • Use WebAIM or Adobe Color to check contrast when color affects reading.
  • Use Figma Make or another AI UI tool only after the visual criteria are written.
Weak versus strong

Canvas

Weak

Jump into high-fidelity redesign before seeing the current system.

Strong

Mark the screen with notes for type, color, spacing, and hierarchy.

Checker

Weak

Assume calm low-contrast text is accessible.

Strong

Check contrast and readability where color carries meaning.

AI

Weak

Accept a generated screen because it looks finished.

Strong

Ask for critique and variants, then judge with fundamentals.