Screenshot to Component Reconstruction

Use image-aware coding agents to rebuild UI quickly when source files are missing: screenshot → Reac. Tools: Cursor, Figma, Other. Stage: Prototyping

Tools: Cursor, Figma, Other. Stage: Prototyping

1. Provide a **screenshot** + "rebuild constraints" (tokens, typography scale, spacing rules). 2. Let Cursor's agent generate **SVG/React** components and layout scaffolding. 3. Import the resulting SVG/assets into Figma for editing, or keep as code for implementation. 4. Iterate: screenshot diffs → targeted edits → updated components.

Open full workflow