// the find
thedaviddias/Front-End-Design-Checklist
💎 The Design Checklist for Creative Web Designers and Patient Front-End Developers
A checklist of things designers need to hand off and developers need to verify before converting a web design to code. It covers grids, colors, typography, responsive specs, and delivery file standards. Aimed at teams where designers and developers hand work back and forth and things fall through the cracks.
The handoff section (1.9) is the most useful part — it names concrete deliverables like cleaned PSD layers, error page designs, and popup states that routinely get forgotten. The paper analysis workflow in section 2.1 is a genuinely good practice that most developers skip. Covers font licensing concerns, which is a real gotcha that bites projects years later. Sections are short and actionable, not padded with theory.
Last meaningful update was years ago — references Photoshop CC 2015 and Sketch as primary design tools, ignoring Figma, which is where almost every team works now. No mention of design tokens, which is how modern design systems actually enforce consistency between designers and devs. The checklist format means nothing is prioritized — a missing favicon gets the same weight as missing responsive specs. Stops abruptly before production with a vague pointer to a sister repo, so the final step of the workflow isn't here.