01
02
03
04
05
06
Export your Figma frame as a PNG and attach it to a new Codex task with your component library name. Get a complete implementation brief: which existing components to use vs build new, exact spacing values, colour tokens needed, responsive behaviour notes, and a QA checklist of visual details developers commonly miss — label gaps, hover states, loading states, empty states, error states.
3-4 hours of designer-developer back-and-forth per feature
Engineering
Codex
Figma context, target route, existing component library, responsive requirements.
Screenshots match the design at key breakpoints and all controls have loading, empty, and error states.
Avoid asking Codex to invent missing product decisions; document open questions instead.