KLD Institute
About
Courses
Method
Admissions
Partnerships
Policies
Contact
Menu
Institute
About
Courses
Method
Admissions
Partnerships
Learning
Course map
Flagship course workspace.
Templates
Reusable course worksheets and teaching artifacts.
Contact
How to reach the institute.
Policies
Policy index
Privacy
Terms
Accessibility
Learner code
Course map
Open study notes
Previous lesson
Design Judgment in the AI-Native Product Era
Next lesson
Visual Foundations: How Designers See Screens
Slide 16 of 24
Previous
Next
Tool bench
Annotate first, generate second
Use ChatGPT or another LLM for screen critique and revision.
Use FigJam or Figma to create the annotation board.
Preview Figma Make, Stitch, or Uizard only after the screen criteria are clear.
The beginner tool workflow: capture safely, annotate visually, prompt carefully, compare critically.
Original KLD Institute teaching diagram.
Previous lesson
Design Judgment in the AI-Native Product Era
Next lesson
Visual Foundations: How Designers See Screens