Low-fidelity wireframes are produced in Figma before a single line of production code is written. The wireframe phase serves a specific purpose: it forces every ambiguous product decision to be resolved on paper, where changes cost minutes, not sprint days. The wireframes map each screen in the core user journey identified in Week 1, the specific sequence of interactions from entry point to the value moment. User flow annotations document the decision points, the edge cases (empty states, error states, permission denied states), and the data inputs and outputs at each step. After wireframe approval, high-fidelity UI design is produced using your brand guidelines and the component library that will be built during development: spacing tokens, color system, typography scale, and interactive states for every UI element. The design file becomes the single source of truth that developers implement from, no interpretation required. Handoff to development uses annotated specs with exact spacing, color hex codes, responsive breakpoints (mobile 375px, tablet 768px, desktop 1280px), and component interaction notes. Designs are reviewed by the lead developer before the build phase begins to flag any UI patterns that would add significant implementation time without proportional user value, design decisions made at this stage are ten times cheaper than in Week 8.