Anatomy of a Messy Mockup: From a Detached Component to Clean React Code

Daria Kamyshina, CEO of Francoise (https://francoise.design). 8 years of launching and scaling products in employment led her to founding her own startup that smooths out the seam between design and development. Writing code without an IDE, linters, or a compiler is pure madness. Yet, this is exactly how designers build interfaces every single day. In this talk, we will dissect the data structure of a "messy" mockup and break down why automated UI validation has been considered a mathematically unsolvable problem. We'll explore the fundamental conflict between the freeform Figma canvas and the strict DOM tree and attempt to find a path to cleaner React code.